一、DOM 概述
（一）DOM 的定义
DOM（文档对象模型）是 HTML 和 XML 文档的编程接口。它将文档表示为一个由节点和对象组成的树形结构，使得开发者能够使用 JavaScript 对页面的元素进行访问、创建、修改和删除操作。
（二）DOM 的作用
通过 DOM，JavaScript 能够与 HTML 页面进行交互，实现动态更新页面内容、样式和结构的功能，从而创建丰富的 web 应用程序。
（三）DOM 树的结构
DOM 将 HTML 文档解析为一个树形结构，其中每个节点代表文档中的一个组件。节点的类型包括：
元素节点：对应 HTML 中的标签，如`<div>`、`<p>`等。
文本节点：包含元素标签内的文本内容。
属性节点：对应元素的属性，如`id`、`class`等。
注释节点：对应 HTML 中的注释。
理解 DOM 树的结构有助于高效地定位和操作文档中的特定部分。