【到底什么叫dom】` 等标签 文本节点 文本内容，如“Hello World” 属性节点 如 `id="main"` 中的 `id` 和 `main` 注释节点 HTML中的注释内容 文档节点 整个HTML文档，即 `document` 对象 四、DOM的操作方式 操作类型 说明 - 获取节点 使用 `document.getElementById()`、`querySelector()` 等方法获取元素 创建节点 使用 `document.createElement()` 创建新元素 添加/删除节点 使用 `appendChild()`、`removeChild()` 等方法操作节点 修改属性 使用 `setAttribute()`、`getAttribute()` 修改元素属性 修改样式 通过 `style` 属性或类名动态改变样式 五、DOM与BOM的区别 概念 说明 DOM Document Object Model，操作网页内容和结构 BOM Browser Object Model，操作浏览器窗口和历史记录等 六、总结 DOM是前端开发的基础，它让网页不仅仅是静态的内容展示，而是可以被动态操控的交互界面。理解DOM的结构和操作方式，是学习JavaScript和前端开发的关键一步。 关键点 内容 -- 定义 HTML文档的树状对象模型 作用 结构化、动态更新、事件处理、样式控制 结构 元素节点、文本节点、属性节点等 操作 获取、创建、添加、删除、修改节点 与BOM区别 DOM操作内容，BOM操作浏览器 通过以上内容，我们可以更清晰地理解“到底什么叫DOM”。掌握DOM的基本知识，是进入前端世界的必经之路。