Dom Collection和NodeList对象

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p class="p1">p1</p>
        <p>p2</p>
        <script type="text/javascript" src="Dom_Collection.js">
            
        </script>
    </body>
</html>
复制代码
复制代码
//获取Collection对象  HTML 元素的集合
    var myColl=document.getElementsByTagName("p");
    console.log(myColl);
    console.log(myColl.length);
    var myNode=document.getElementsByClassName("p1");
    console.log(myNode);
    //获取NodeList对象 文档节点的集合。
    
    var myNode1=document.querySelectorAll("p");
    console.log(myNode1);
复制代码

 

posted @   lwx_R  阅读(32)  评论(0)  编辑  收藏  举报
相关博文：
·  Dom 节点
·  Dom基础
·  DOM Collection
·  HTML Collection 与 NodeList 的区别
·  JavaScript HTML DOM 节点列表
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律
点击右上角即可分享
微信分享提示
AI IDE Trae