getElementsByName;getElementsByTagName

最新推荐文章于 2018-08-26 11:39:00 发布

无盐海

最新推荐文章于 2018-08-26 11:39:00 发布

阅读量957

点赞数

分类专栏： DOM 文章标签： DOM

本文链接：https://blog.csdn.net/Fanbin168/article/details/12528129

版权

DOM 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

getElementsByName

getElementsByName;getElementsByTagName的放回值为数组，遍历的时候不能用for(var v in arrs) 因为用这种方式遍历的是key

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function bntClick() {
            var inputname = document.getElementsByName("bt1");//按照表单的name来取得元素，这里是取name属性值为bt1的元素
            for (var i = 0; i < inputname.length; i++) {
                var nam = inputname[i];
                alert(nam.value)
            }     
        }
    </script>
</head>
<body >

<input type="button" value="1" name="bt1"  />
<input type="button" value="2" name="bt1" />
<input type="button" value="3" name="bt1" />
<input type="button" value="4" name="bt1" />
<input type="button" value="5" name="bt1"/>

<input type="button" value="提交" οnclick="bntClick()" />

</body>
</html>

getElementsByTagName

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">

        function intEvent() {
            var inputs = document.getElementsByTagName("input"); //按照标签类型来取得元素，这里是按照input标签来取得所有input元素
            for (var i = 0; i < inputs.length; i++) {
                var input = inputs[i];
                //这里也可以获取input表单的值
                //alert(input.value);
                input.onclick = dian;
            }
        }
        function dian() {
            alert("点了")
        }

    
    </script>
</head>
<body οnlοad="intEvent()">

<input type="button" value="1" />
<input type="button" value="2" />
<input type="button" value="3" />
<input type="button" value="4" />
<input type="button" value="5" />

</body>
</html>