初步认识 HTML DOM

什么是 DOM ？

DOM 是 W3C 的标准。DOM 定义了访问 HTML 和 XML 文档的标准，它是不同平台、语言通用的接口，使得程序和脚本可以动态地访问和更新文档的内容、结构和样式。

W3C DOM 标准被分为3个不同的部分：

• 核心 DOM：针对任何结构化文档的标准模型
• XML DOM：针对 XML 文档的标准模型
• HTML DOM：针对 HTML 文档的标准模型

DOM 是 Document Object Model（文档对象模型）的缩写。

HTML DOM

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。
换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

HTML DOM 是：

• HTML 的标准对象模型
• HTML 的标准编程接口
• W3C 标准

DOM 中的 D

当创建了一个网页并把它加载到浏览器中的时候，DOM就会根据你编写的网页文档创建一个文档对象。

DOM 中的 O

DOM 中的对象主要分为下面几部分：

• Document 对象：每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。（注：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。）
• Element 对象：在 HTML DOM 中，Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
• Attribute 对象：在 HTML DOM 中，Attr 对象表示 HTML 属性。HTML 属性始终属于 HTML 元素。
• Event 对象：Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。（注：事件通常与函数结合使用，函数不会在事件发生前被执行！）

DOM 节点

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

DOM 节点树

通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。