编程语言
首页 > 编程语言> > javascript DOM Node节点分类

javascript DOM Node节点分类

作者:互联网

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

标签:Node,nodeType,nodeName,DOM,--,javascript,nodeValue,文档,节点
来源: https://blog.csdn.net/amuist_ting/article/details/120281124