javascript——获取元素方式

Posted 郑州大学计算机李银霞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript——获取元素方式相关的知识,希望对你有一定的参考价值。

        //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——获取元素方式的主要内容,如果未能解决你的问题,请参考以下文章

selenium之调用Javascript

JavaScript其他获取元素宽高方式

JavaScript笔试题(js高级代码片段)

html 将以编程方式附加外部脚本文件的javascript代码片段,并按顺序排列。用于响应式网站,其中ma

JavaScript中获取HTML元素的方式

如何在 JavaScript 中通过 XPATH 获取元素?