jsDOM基础课堂笔记

最新推荐文章于 2024-01-25 17:51:10 发布

JunXian9102

最新推荐文章于 2024-01-25 17:51:10 发布

阅读量412

点赞数

本文链接：https://blog.csdn.net/smiple9102/article/details/60970378

版权

js-dom基础课堂笔记专栏收录该内容

26 篇文章 0 订阅

订阅专栏

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>