渲染树的形成原理你真的很懂吗？（JavaScript）

渲染树是浏览器在进行网页渲染时生成的一种树结构，它将 HTML 文档转换为可视化的网页内容。渲染树的形成原理涉及到 HTML 解析、CSS 解析和布局等过程。让我们逐步探讨渲染树的形成原理，并用 JavaScript 代码来说明。

1. HTML 解析：
   浏览器首先会对 HTML 文档进行解析，将其转换为 DOM（文档对象模型）。DOM 是一个树状结构，表示了 HTML 文档的逻辑结构。在 JavaScript 中，可以通过 document 对象来访问和操作 DOM。

// 创建一个新的 <div> 元素
const divElement = document.createElement('div');

// 设置元素的文本内容
divElement.textContent = 'Hello, World!&