JS DOM 是 JavaScript 语言中用来表示和操作 HTML/XML 文档的编程接口，允许 JavaScript 脚本访问和修改 Web 页面中的 HTML 元素、属性和内容，具有以下特征：分层的树形结构，根节点为文档本身。提供方法和属性，用于获取、修改、添加和删除元素。广泛应用于 Web 开发中，用于修改布局、生成内容、处理交互和实现高级功能。
JS DOM 简介
JS DOM（Document Object Model，文档对象模型）是 JavaScript 语言中用来表示和操作 HTML/XML 文档的编程接口。它允许 JavaScript 脚本通过编程方式访问和修改 Web 页面中的 HTML 元素、属性和内容。
DOM 的结构
DOM 是一个分层的树形结构，其中：
- 文档本身是根节点。
- 其他 HTML 元素（如
<body>、<div>）是子节点。 - 文本节点代表 HTML 元素中的文本内容。
DOM 的操作
DOM 提供了一系列方法和属性，用于访问和操作 DOM 节点。这些操作包括：
- 获取元素：
document.getElementById()、document.querySelector() - 修改元素属性：
element.setAttribute()、element.getAttribute() - 添加或删除元素：
element.appendChild()、element.removeChild() - 更改元素内容：
element.innerHTML、element.textContent - 事件处理：
element.addEventListener()
DOM 的用途
DOM 在 Web 开发中广泛应用，因为它允许 JavaScript 脚本：
- 修改 Web 页面布局和样式
- 动态生成和更新内容
- 处理用户交互（例如表单提交、按钮点击）
- 实现高级 Web 功能（例如拖放、动画）
