首页 > 编程语言 > 详细

javascript——获取元素方式

时间:2018-08-21 10:38:32      阅读:200      评论:0      收藏:0      [点我收藏+]
        //1:依据id
            //var element = document.getElementById("test");
            console.log(element);
        //2:依据class
            var elements = document.getElementsByClassName("clazz");
           for(var index in elements){
            //console.log(elements[index]);
            }

        //3:依据name
           var elements = document.getElementsByName("hobby");
           for(var index in elements){
              console.log(elements[index]);
       }
            
      //4:依据标签名字
        var elements = document.getElementsByTagName("input");
            for(var index in elements){
                console.log(elements[index]);
            }

script在上面定义的方法

<script>
            function test(){
                var elements = document.getElementsByTagName("input");
                for(var index in elements){
                    console.log(elements[index]);
                }
            }
        </script>
    </head>
    <body onload="test()">
        <input name="hobby" type="checkbox" value="0" />0
        <input name="hobby" type="checkbox" value="1" />1
        <input name="hobby" type="checkbox" value="2" />2
        <input name="hobby" type="checkbox" value="3" />3
        
    </body>

 

javascript——获取元素方式

原文:https://www.cnblogs.com/lyxcode/p/9509481.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!