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>