js Dom节点树

最新推荐文章于 2024-03-06 17:10:22 发布

VIP文章前端不弃

最新推荐文章于 2024-03-06 17:10:22 发布

阅读量1.1k

点赞数 2

分类专栏： javascript 文章标签： js Dom js 获取节点父、子、兄、弟节点

本文链接：https://blog.csdn.net/qq_29590623/article/details/87349827

版权

js Dom节点树

1、节点类型（nodeType）

document.getElementById(‘id’).nodeType
可以通过节点元素的nodeType属性得到节点类型
element 1 元素节点
text 3 文本节点（空白行也是文本节点）
comment 8 注释节点
HTMLdocument 9 document.nodeType=9

<div>
        文本节点
        <p id='paragraph'>我是个段落啊</p>
        <ul>
            <!--list列表-->
            <li class="list">11111111111</li>
            <li class="list">22222222222</li>
        </ul>
    </div>

问：div有几个子节点？分别是什么？类型几何？
document.getElementsByTagName(‘div’)[0].childNodes 获取div的所有子节点