一、什么是DOM
文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。
W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。
- DOM是文档对象模型
为文档提供了结构化表示,并定义如何通过脚本来访问文档结果目的就是为了能让JS操作html元素而制定的一个规范。
-
处理网页内容的方法和接口。
-
DOM是一个复合的数据类型。
DOM就是HTML页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性、方法就可以对网页中的元素进行编程控制。比如通过操作文本框的DOM对象,就可以读取文本框中的值、设置文本框中的值。
1.网页解析过程
HTML加载完成后,渲染引起会在内存中把HTML稳定生产一个DOM树,dom树有一个且只有一个根节点,就是html节点。
二、DOM节点
1.在HTML当中一切都是节点。
2.整个文档就是一个文档节点。
3.每一个HMTL标签都是一个元素节点(标签)。
4.标签中的文字则是文字节点。(文本)。
5.标签的属性是属性节点。(属性)
6.节点都是对象
三、DOM节点的分类
DOM节点可以分三类:
标签:是元素节点
文字:是文本节点
属性:是属性节点