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="" />

        <input name="hobby" type="checkbox" value="" />

        <input name="hobby" type="checkbox" value="" />

        <input name="hobby" type="checkbox" value="" />

    </body>

巴特西

javascript——获取元素方式

最新文章

热门文章