据我了解，DOM 是 HTML 的面向对象表示。如果这是准确的，那意味着在任何给定的网页中基本上都存在三个抽象级别：
所有这些级别之间的关系是什么？
更具体地说，
影响 DOM（通过 vanilla Javascript）如何影响 显示页面？ Javascript是否直接影响显示？还是 JS 只影响 DOM 和显示页面的变化以反映 DOM？
【问题讨论】：
标签： javascript html dom
我不是这方面的专家，但根据我的经验和阅读，DOM（文档对象模型）是实际 HTML 页面的模块化结构，其中每个实体（输入、段落等）都以以下形式表示对象和这些对象中的每一个可能属于也可能不属于一个组（表单的输入，div 的段落等）。显示给用户的实际页面实际上由 DOM 组成，但是，这些对象之间的关系对用户是隐藏的，因为首先，它没有用处，其次，这样做既不明智也不安全显示给用户。但是，您可以通过 Web 浏览器中的“检查元素”找到 dom 元素之间的关系。
Javascript 确实会影响 DOM。如果您通过 JS 在 DOM 中进行任何更改，它可能对用户可见也可能不可见，具体取决于您通过 JS 影响的元素（隐藏或显示元素）。
综上所述，HTML 代码是以一种有组织的方式描述 DOM 元素，您可以使用 JS 访问和操作这些元素。这意味着，JS 和 HTML 通过称为“DOM 元素”的常见元素相互绑定。 HTML 用于（仅）创建这些元素，JS 用于（创建和）操作这些 DOM 元素。但是不建议使用 JS 在广泛的层面上创建 DOM 元素，因为它的局限性以及 JS 是为动态操作 DOM 元素而不是创建静态元素而设计的。
【讨论】：
Dom是浏览器解析的html。
来自here
DOM 是一个文档模型，带有用于操作它的相关 API。
HTML 是一种标记语言，可让您在文本中表示某种 DOM。
文档对象模型 (DOM) 是一种独立于语言的模型，由表示文档结构的对象组成
以及关于DOM和HTML的关系
DOM 是表示 HTML 的树模型，其中 html 中的每个元素都充当树的一个节点。
5 DOM 何时与 HTML 不同？
这是一种可能性：您的 HTML 和 浏览器已为您修复它们。假设您有一个
<table>元素 在您的 HTML 中并省略所需的<tbody>元素。浏览器 将为您插入<tbody>。它将存在于 DOM 中， 这样您就可以使用 JavaScript 找到它并使用 CSS 设置样式， 即使它不在您的 HTML 中。
- 受 javascript 的影响：javascript 由浏览器解释，javascript 执行的任何更改都在 DOM 上而不是在 html。
【讨论】：