DOM中的节点分为哪几种几类型

简介: DOM中的节点分为哪几种几类型
DOM是什么?它是用来干嘛的?


首先我们要先了解DOM究竟是什么,它有什么用处?


DOM是文档对象模型(Document Object Mdel),是W3C制定的标准接口规范,它定义了HTML和XML的文档类型,将整个页面规划由节点层级构成的文档。DOM树结构可以准确的描述HTML文档标签之间的关联性,它不仅描述了文档的结构,还定义了节点对象的行为,利用对象和属性,可以更方便的访问,修改,添加和删除DOM树的节点和内容。


DOM的节点分为12种类型


  1. Element(元素节点):代表html中的标签


  1. Attr(属性节点):代表html标签的属性


  1. Text(文本节点):代表teml标签中的文本内容


  1. Comment(注释节点):代表html文档中的注释内容


  1. Document(文档节点):代表整个文档,也是DOM文档树中的根节点


  1. DocumentType(文档类型节点):代表文档类型,一般是指html第一行的根元素


  1. DocumentFragment(文档片段节点):是在HTML文档中唯一没有对应标记的节点,当需要大量dom操作时,可以把dom节点加入到文档片段节点中操作,最后一次性渲染提高效率


以上就是DOM节点的类型

目录
相关文章
|
20小时前
|
XML 存储 JavaScript
XML DOM 节点
**XML DOM 把文档解析成节点树:** - 文档是个文档节点 - 每个元素是元素节点,如 `<year>` - 文本、属性和注释对应不同节点 - 元素的文本(如 "2005")存于单独的文本节点 - `<year>` 的值是其包含的文本节点内容
|
26天前
|
JavaScript 前端开发 开发者
DOM节点类型
DOM节点类型
10 0
|
3月前
|
JavaScript 前端开发
JavaScript:DOM节点
JavaScript:DOM节点
22 0
|
3月前
|
JavaScript 小程序
遍历类数组之获取多个dom节点并遍历
遍历类数组之获取多个dom节点并遍历
|
4月前
|
JavaScript 测试技术
html2canvas将document DOM节点转换为图片,并下载到本地
html2canvas将document DOM节点转换为图片,并下载到本地
|
4月前
|
JavaScript
【讲人话】Angular如何通过@ViewChildren获取实时渲染的动态DOM节点元素(@ViewChild只能获取静态的固定DOM节点)
【讲人话】Angular如何通过@ViewChildren获取实时渲染的动态DOM节点元素(@ViewChild只能获取静态的固定DOM节点)
|
7月前
|
存储 XML JavaScript
前端(十四)——DOM节点操作手册:你需要了解的一切
前端(十四)——DOM节点操作手册:你需要了解的一切
|
8月前
|
JavaScript 前端开发
前端项目实战壹佰壹拾玖react-admin+material ui-react-admin之SimpleList中primaryText使用三返回dom节点
前端项目实战壹佰壹拾玖react-admin+material ui-react-admin之SimpleList中primaryText使用三返回dom节点
40 0
|
1月前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
12 1
|
1月前
|
JavaScript 前端开发
如何使用 JavaScript 操作 DOM?
如何使用 JavaScript 操作 DOM?
15 0