javascript - 浏览器实际上是如何将 DOM 数据存储在最低级别的？它是存储为表还是树？

Question

浏览器如何维护 HTML 页面上存在的整个元素列表？内部表示是什么？

标签： javascripthtmldom

Answer 1

好吧，DOM 是网页的浏览器内部表示。这是 DOM 的一部分指向 head 和 body 标签的表示：

下面是显示 head 标签的 DOM 部分的表示，其中包含一个带有其值的标题标签：

下面是 DOM 的一部分的表示，它显示了 body 标记，包含一个链接，带有一个值和 href 属性及其值：

当浏览器从服务器检索 HTML 代码时，有一个解析器分析代码的结构，并创建它的模型。基于此模型，浏览器随后将页面呈现在屏幕上。

浏览器公开了一个 API，您可以使用该 API 与 DOM 进行交互。这就是现代 JavaScript 框架的工作方式，它们使用 DOM API 告诉浏览器在页面上显示什么。

更多信息：https ://flaviocopes.com/dom/