JavaScript childNodes attributes

最新推荐文章于 2022-02-08 19:33:27 发布

福州司马懿

最新推荐文章于 2022-02-08 19:33:27 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签： childnodes attributes 取消-下一步

转载请注明出处——https://blog.csdn.net/chy555chy

本文链接：https://blog.csdn.net/chy555chy/article/details/53574240

版权

JavaScript 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

DOM 节点

在 HTML DOM （文档对象模型）中，每个部分都是节点：

文档本身是文档节点
所有 HTML 元素是元素节点
所有 HTML 属性是属性节点（不能通过childNodes查看，只能通过attributes查看）
HTML 元素内的文本是文本节点（空白文本也算）
注释是注释节点

Element 对象

在 HTML DOM 中，Element 对象表示 HTML 元素。
Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。
元素也可以拥有属性。属性是属性节点

测试用例（childNodes、attributes）

<html>
    <body style="background-color:white" onload="testChildNodes()" >
        <style type="text/css">
            #container { height:50px;background-color:rgb(200,200,0); }
        </style>
        <script type="text/javascript">
            function testChildNodes() {
                var body = document.getElementsByTagName("body")[0];
                var childs = body.childNodes;
                var str = body + "\nbody.childNodes.length = " + childs.length + "\n";
                var i;
                for(i=0; i<childs.length; i++) {
                    str = str + childs[i] + "\n";
                }
                alert(str);

                var attrs = body.attributes;
                str = "body.attributes.length = " + attrs.length + "\n";
                for(i=0; i<attrs.length; i++) {
                    str = str + attrs[i].nodeName + " = " + attrs[i].nodeValue + "\n";
                }
                alert(str);
            }
        </script>
        <!-- 注释 -->
        <p style="font-style:italic;">Hello World</p>
        <div id="container">test<br/>childNodes</div>
    </body>
</html>

这里写图片描述

福州司马懿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript childNodes attributes

DOM 节点在 HTML DOM （文档对象模型）中，每个部分都是节点：文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点（空白文本也算）注释是注释节点Element 对象在 HTML DOM 中，Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。NodeLi
复制链接

扫一扫

专栏目录