javascript DOM Node节点分类

这篇博客详细介绍了DOM中的节点类型,包括Element、Text、Attr、Comment、Document、DocumentType和DocumentFragment,阐述了它们的特性以及在HTML文档中的作用。重点讲解了每个类型对应的nodeType、nodeName、nodeValue等属性,帮助读者深入理解JavaScript如何操作HTML文档结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DOM 文档对象模型  DOM可以把HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作

----DOM基础名词

文档:一个网页可以称为文档

节点:网页中的所有内容都是节点

元素:网页中的标签

属性:标签的属性

----Node节点基础分类

Node有一个属性nodeType表示Node的类型:

 --Element类型

Element提供了对元素标签名、子节点和特性的访问

特性:1.nodeType为1  2.nodeName为元素标签名  3.tagName也是返回标签名  4.nodeValue为nul  5.parentNode可能是Document或Element  6.子节点可能是Element|Text|Comment|Processing_Instruction|CDATASection|EntityReference

--Text类型

Text表示文本节点,包含的是纯文本内容,不能包含html代码,但可以包含转义后的html代码

特性:1.nodeType为3  2.nodeName为#text  3.nodeValue为文本内容  4.parentNode是一个Element  5.没有子节点

--Attr类型

Attr类型表示元素的特性,相当于元素的attributes属性中的节点

特性:1.nodeType值为2  2.nodeName是特性的名称  3.nodeValue是属性的值  4.parentNode为null

--Comment类型

Comment表示HTML文档中的注释

特性:1.nodeType为8  2.nodeName为#comment  3.nodeValue为注释的内容  4.parentNode可能是Document或Element  5.没有子节点

--Document

Document表示文档,在浏览器中,document对象是HTMLDocument的一个实例,表示整个页面,同时也是window对象的一个属性

特性:1.nodeType为9  2.nodeName为#document  3.nodeValue为null  4.parentNode为null  5.子节点可能是一个DocumentType或Element

--DocumentType

DocumentType表示文档的DTD声明,用于确定文档版本,确定对应API集与属性解析规则

特性:1.nodeType为10  2.nodeName为#document-fragment  3.nodeValue为null  4.parentNode为null

--DocumentFragment类型

DocumentFragment是所有节点中唯一一个没有对应标记的类型,它表示一种轻量级的文档,可能当作一个临时的仓库用来保存可能会添加到文档中的节点

特性:1.nodeType为11  2.nodeName为#document-fragment  3.nodeValue为null  4.parentNode为null

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值