javascript DOM Node节点分类

2023-08-15 15:06:46

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

----DOM基础名词

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

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

元素：网页中的标签

属性：标签的属性

----Node节点基础分类

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

--Element类型

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

--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

码农公寓