DOM，原始html以及页面上显示的内容之间有什么关系？

Question

根据我的理解，DOM是面向对象的HTML表示。如果这是准确的，那么在任何给定的网页中基本上都有三个抽象级别：

1. Javascript表示（DOM）
2. 原始HTML
3. 向用户显示的实际页面

所有这些级别之间的关系是什么？

更具体地说，

  

如何影响DOM（通过vanilla Javascript）影响   显示页面？ Javascript会直接影响显示吗？还是JS   只影响DOM和显示页面的变化以反映DOM？

Answer 1

我不是这方面的专家，但根据我的经验和阅读，DOM（文档对象模型）是实际HTML页面的模块化结构，其中每个实体（输入，段落等）都表示在对象的形式和这些对象中的每一个可能属于或不属于一个组（输入到表单，段落到div等）。显示给用户的实际页面实际上由DOM组成，但是，这些对象之间的关系对用户是隐藏的，因为首先，没有使用它，其次，它不是明智的或安全地向用户显示。但是，您可以通过“检查元素”找到dom元素之间的关系。在网络浏览器中 Javascript会影响DOM。如果您通过JS对DOM进行任何更改，则可能会或可能不会对用户可见，具体取决于您通过JS（隐藏或显示的元素）影响的元素。 总而言之，HTML代码是以有组织的方式描述DOM元素，您可以使用JS访问和操作这些元素。这意味着，JS和HTML通过称为“DOM元素”的共同元素相互绑定。在HTML（仅）创建这些元素的地方，JS用于（创建和）操作这些DOM元素。但是，由于它的限制以及JS用于动态操作DOM元素而不是用于创建静态元素，因此不建议在广泛的层面上使用JS创建DOM元素。

Answer 2

Dom是浏览器解析的html。

来自here

  

  

1. DOM是一个文档的模型，其中包含用于操作它的关联API。

  

2. HTML是一种标记语言，可让您在文本中表示某种DOM。

  

3. 文档对象模型（DOM）是一种独立于语言的模型，由表示文档结构的对象组成

  

以及DOM和HTML之间的关系

  

  

1. DOM是表示HTML的树模型，其中html中的每个元素都充当树的节点。

        

   5 DOM何时与HTML不同？

        

这是一种可能性：HTML和HTML中存在错误   浏览器为您修复了它们。假设您有一个<table>元素   在您的HTML中，省略所需的<tbody>元素。浏览器   只会为您插入<tbody>。它将存在于DOM中，   所以你可以用JavaScript找到它并用CSS设置它，   即使它不在您的HTML中。

还阅读了this和this

  

  
1. 受javascript影响的是：javascript由浏览器解释，javascript执行的任何更改都不在DOM上   的HTML。