                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么加了myt.style.border="1px solid #f0f" myt.style.font-size="25px"这个就弹不出对话框了，而且加了没效果

<!DOCTYPE HTML>

<html>

<head>

function getnum(){

var mynode=document.getElementsByName("myt");

myt.style.border="1px solid #f0f"

myt.style.font-size="25px"

alert(mynode.length);

}

</script>

</head>

<body>

<br />

</body>

</html>

思索前进

2015-09-10

源自：JavaScript进阶篇 9-2

关注问题我要回答

1034

操作

收起

2 回答

Perona
2015-09-10

myt.style.border="1px solid #f0f"
myt.style.font-size="25px"

myt是怎么来的？没定义过呀。嗯，我理解为是上面的mynode吧。

font-size这个是CSS的属性，JS的属性是fontSize。之所以JS代码失效也是因为这个。

需要明白的是mynode取到的是一组name为myt的集合，也就是数组，那么我们要为数组里面的元素添加样式属性，应该是要遍历循环去添加。而不是直接给数组添加。那么就要从for循环去遍历（其实别的循环也可以的，你可以试试看）

修改后的JS代码

<script type="text/javascript">
    function getnum(){
        var mynode=document.getElementsByName("myt");
        for(var i =0;i<mynode.length;i++){
            mynode[i].style.border="1px solid #f0f";
            mynode[i].style.fontSize="25px";
        }
        alert(mynode.length);
    }
</script>