DOM（文档对象模型）是用于访问、操作和修改 HTML/XML 文档树状结构的 API，它将文档表示为一个节点层次结构，包括 Document、Element、Text 和 Attribute 节点，可用于：访问和修改文档结构访问和修改元素样式响应用户交互创建/修改 HTML 内容
DOM：文档对象模型
DOM（文档对象模型）是针对 HTML 和 XML 文档树状表示形式的一种应用程序编程接口（API）。它允许您访问、操作和更改文档的内容、结构和样式。
DOM 的结构
DOM 将 HTML 文档表示为一个节点层次结构，其中：
- Document 节点是文档的根节点。
-
Element 节点表示 HTML 元素，如
<div>或<p>。 - Text 节点表示元素内的文本内容。
-
Attribute 节点表示元素的属性，如
<div id="myDiv">中的id属性。
DOM 的用途
DOM 用于在客户端（浏览器中）动态地与 HTML 文档进行交互。它允许您：
- 访问和修改文档结构（添加、删除或修改节点）。
- 访问和修改元素样式（更改颜色、字体等）。
- 响应用户交互（例如，按钮单击、表单提交）。
- 创建新的 HTML 内容或修改现有内容。
访问 DOM
您可以通过以下方式访问 DOM：
-
Document 对象：代表当前文档。例如，
document.getElementById("myDiv")。 - getElementById() 方法：获取具有指定 ID 的元素。
- getElementsByTagName() 方法：获取所有具有指定标签名的元素。
