JS DOM 简介

JS DOM（Document Object Model，文档对象模型）是 JavaScript 语言中用来表示和操作 HTML/XML 文档的编程接口。它允许 JavaScript 脚本通过编程方式访问和修改 Web 页面中的 HTML 元素、属性和内容。

DOM 的结构

DOM 是一个分层的树形结构，其中：

文档本身是根节点。
其他 HTML 元素（如 、）是子节点。文本节点代表 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 功能（例如拖放、动画）