HTML（HyperText Markup Language）文档对象模型（Document Object Model，简称 DOM）是用于表示和操作网页文档的标准编程接口。HTML DOM 将网页文档表示为一个树状结构，其中每个节点都是一个对象，可以通过 JavaScript 或其他脚本语言来访问和操作这些节点。
HTML DOM 提供了一种方便的方式来动态地更新网页内容、样式和结构，使得网页具有交互性和动态性。通过操作 HTML DOM，开发者可以实现诸如改变元素样式、添加新元素、删除元素等功能。
HTML DOM 的组成
HTML DOM 主要由以下几个部分组成：
- 文档对象（Document Object）：代表整个 HTML 文档，是 HTML DOM 的根节点。
- 元素对象（Element Object）：代表 HTML 元素，如
<div>、<p>、<a>等。 - 属性对象（Attribute Object）：代表 HTML 元素的属性，如
id、class、src等。 - 文本节点（Text Node）：代表 HTML 元素中的文本内容。
- 事件对象（Event Object）：代表用户与网页交互的事件，如点击、鼠标移动等。
如何访问 HTML DOM
要访问 HTML DOM 中的元素和属性，可以使用 JavaScript 来实现。通过获取文档对象（document）的引用，可以访问整个 HTML 文档，然后通过各种方法和属性来操作文档中的元素和内容。
以下是一个简单的示例代码，演示了如何通过 JavaScript 获取页面中的一个元素，并修改其内容：
-- -------------------- ---- -------
--------- -----
------
------
----------- --- ----------
-------
------
---- ------------------------
--------
-- -- -- - ---- ---
--- ------- - --------------------------------
-- ------
----------------- - -----------
---------
-------
-------在上面的示例中，通过 document.getElementById("demo") 方法获取了 id 为 demo 的元素，然后通过 element.innerHTML 属性修改了元素的内容。
通过学习 HTML DOM，你可以更好地理解网页的结构和交互，掌握如何使用 JavaScript 来操作网页元素，实现丰富的用户体验。在接下来的章节中，我们将深入探讨 HTML DOM 的更多细节和用法。