DOM 是 Document Object Model（文档对象模型） 的缩写，它是浏览器对网页内容的结构化表示方式。简单来说，DOM 就是浏览器将 HTML 文档转换成一个树状结构，让 JavaScript 可以动态访问和操作页面的元素（如文字、图片、按钮等）。

通俗理解：

  1. HTML 是静态代码：
    <div id="app">
  <p>Hello World</p>
</div>
  2. 浏览器加载后会生成 DOM 树：
    document
└── div#app
    └── p
        └─ "Hello World"
  3. JavaScript 通过 DOM 操作页面：
    const paragraph = document.querySelector('p');
paragraph.textContent = '你好，世界！'; // 修改文字

关键概念：

术语 解释
节点（Node） DOM 树中的每个部分（元素、属性、文本等）都是一个节点。
元素（Element） HTML 标签对应的节点（如 <div>、<p>）。
document 全局对象，代表整个页面的根节点。