javascript DOM Node节点分类
2021/9/14 14:34:46
本文主要是介绍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
这篇关于javascript DOM Node节点分类的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-05小米13T Pro系统合集:性能与摄影的极致融合,值得你升级的系统ROM
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求
- 2024-10-01使用 golang 将ETH账户的资产平均分散到其他账户
- 2024-10-01JWT用户校验课程:从入门到实践
- 2024-10-01Server Component课程入门指南