【什么是DOM】DOM（Document Object Model，文档对象模型）是网页结构的编程接口。它将HTML或XML文档表示为树形结构，每个节点代表文档中的一个元素、属性或文本内容。通过DOM，开发者可以使用JavaScript动态地访问和修改网页内容、样式和结构。
一、总结
DOM 是一种将网页内容结构化为对象的方式，允许程序（如 JavaScript）对网页进行操作。它是网页交互的基础，使网页能够根据用户行为实时更新内容。
二、表格展示
| 项目 | 内容 |
| 全称 | Document Object Model |
| 定义 | 将HTML/XML文档转换为可操作的对象树结构 |
| 作用 | 允许脚本语言（如JavaScript）读取、修改网页内容和结构 |
| 核心概念 | 节点（Node）、元素（Element）、属性（Attribute）、文本（Text） |
| 常见操作 | 获取元素、修改内容、添加/删除节点、事件处理 |
| 常用API | `document.getElementById()`、`querySelector()`、`createElement()`、`appendChild()` 等 |
| 应用场景 | 动态更新页面内容、表单验证、动画效果、响应用户交互 |
| 与JS的关系 | DOM是JavaScript操作网页的核心工具 |
| 浏览器支持 | 所有现代浏览器均支持DOM标准 |
三、总结说明
DOM 是前端开发中不可或缺的一部分，理解其原理有助于更高效地编写交互式网页。通过掌握DOM的基本结构和操作方法，开发者可以实现更加灵活和动态的网页体验。