文档对象模型或“ DOM”是网页的接口。它本质上是页面的API，允许程序读取和操纵页面的内容，结构和样式。让我们分解一下。 网页是如何构建的？ 浏览器如何从源HTML文档转换为在视口中显示样式化的交互式页面的方式称为“关键渲染路径”。尽管此过程可以分为几个步骤，但是正如我在“了解关键渲染路径”一文中所介绍的那样，这些步骤可以大致分为两个阶段。第一阶段涉及浏览器解析文档以确定最终将在页面上呈现的内容，第二阶段涉及浏览器执行呈现。 第一阶段的结果就是所谓的“渲染树”。渲染树表示将在页面上渲染的HTML元素及其相关样式。为了构建此树，浏览器需要两件事： CSSOM，表示与元素关联的样式 DOM，元素的表示 DOM是如何创建的（及其外观如何）？ DOM是源HTML文档的基于对象的表示形式。正如我们将在下面看到的那样，它具有一些差异，但是本质上是将HTML文档的结构和内容转换为可以由各种程序使用的对象模型的尝试。 DOM的对象结构由所谓的“节点树”表示。之所以这样称呼它，是因为它可以被认为是一棵带有单个父茎的树，该母茎分支成几个子枝，每个子枝都可能有叶子。在这种情况下，父级“ stem”是根元素，子级“ branches”是嵌套元素，而“ leaves”是元素内的内容。 让我们以这个HTML文档为例： My first web page Hello, world! How are you? 该文档可以表示为以下节点树： html head title My first web page body h1 Hello, world! p How are you? DOM不是什么 […]