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