DOM

HTML 是纸上的图纸，DOM 是浏览器照着图纸搭出来的实物模型。每个标签都变成树上的一个「节点」，有父子和兄弟关系，比如 body 下面有 header 和 main，main 下面又有标题和列表。

JavaScript 想改页面，比如改一段文字、隐藏一个弹窗，本质都是在操作 DOM。React、Vue 会替你管理 DOM：你只描述「页面应该长什么样」，框架负责算出差异并更新，所以在框架项目里一般不建议用 document.querySelector 直接改元素。

浏览器开发者工具的 Elements（元素）面板里，看到的就是当前的 DOM 树。