jsDOM基础课堂笔记

    xiaoxiao2021-03-25  81

    day01-09-12 批量获取事件时如何限定获取范围:

    //通过Id先获取到demo2用一个变量来保存, var demo2=document.getElementById('demo2'); //再用demo2去调用getElementsByTagName("")来获取demo2中的input标签 var input2=demo2.getElementsByTagName('input');

    总结: getElementsByTagName()既可以被document对象调用,表示获取页面上所有这一类型的标签。 也可以被普通的元素对象调用,表示的是获取这个元素对象内部这一类型的标签。

    getElementById()不可以被普通元素对象调用,只能被document对象调用,因为id本身具有唯一性,再另调用无意义。

    <body> <div id="demo1"> <input type="button" value="按钮1" /> <input type="button" value="按钮2" /> </div> <div id="demo2"> <input type="button" value="按钮1" /> <input type="button" value="按钮2" /> </div> </body> <script> var inputs=document.getElementsByTagName('input'); //console.log(inputs);//此时获取的是页面上的input标签。 //获取demo2中的标签 //通过Id先获取到demo2用一个变量来保存, var demo2=document.getElementById('demo2'); //再用demo2去调用getElementsByTagName("")来获取demo2中的input标签 var input2=demo2.getElementsByTagName('input'); console.log(input2); </script> </html>
    转载请注明原文地址: https://ju.6miu.com/read-16172.html

    最新回复(0)