ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript DOM Node节点分类

2021-09-14 14:30:09  阅读:204  来源: 互联网

标签:Node nodeType nodeName DOM -- javascript nodeValue 文档 节点


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有