dom节点树(dom)基本操作

本文介绍了DOM遍历的基本方法,包括parentNode、childNodes、firstChild、lastChild、nextSibling和previousSibling等属性,以及如何获取元素节点的数量。同时讲解了元素节点的type属性和children属性,以及检查节点是否有子节点的方法Node.hasChildNodes()。这些概念对于理解和操作网页结构至关重要。
摘要由CSDN通过智能技术生成

遍历节点树:

parentNode >父节点(最顶端的parentNode为#document)
childNodes >子节点们 (包括文档,注释)
firstChild >第一个子节点
lastChild >最后一个子节点
nextSibling >后一个兄弟节点
previousSibling >前一个兄弟节点

遍历元素节点数:

parentElement:返回当前元素的父元素节点(IE不兼容)
children:只返回当前元素的元素节点
node.childElementCount === node.children.length 当前元素节点的子节点个数
firstElementChild 返回的是第一个元素节点(IE不兼容)
lastElementChild返回的是最后一个元素节点(IE不兼容)

节点的类型:

元素节点:1(返回值)
属性节点:2(返回值)
文本节点:3(返回值)
注释节点:8(返回值)
document:9(返回值)
DocumentFragment:11(返回值)

节点的四个属性:

nodeName
元素的标签名,以大写形式表示,只能读取,不能写入
nodeValue
Text节点或Comment节点的文本内容,可读写
nodeType
该节点的类型,只读
attributes
Elenent节点的属性集合
节点的一个方法:Node.hasChildNodes();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值