码迷,mamicode.com
首页 > 编程语言 > 详细

javascript——获取元素方式

时间:2018-08-21 10:44:28      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:put   get   依据   class   nbsp   val   方法   func   body   

        //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——获取元素方式

标签:put   get   依据   class   nbsp   val   方法   func   body   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!