为了理解 React 的工作原理，我们首先需要基本了解浏览器如何解释您的代码来创建（或渲染）用户界面 (UI)。

当用户访问网页时，服务器会向浏览器返回一个 HTML 文件，该文件可能如下所示

然后，浏览器读取 HTML 并构建文档对象模型 (DOM)。

什么是 DOM？

DOM 是 HTML 元素的对​​象表示。它充当您的代码和用户界面之间的桥梁，并具有树状结构，包含父子关系。

您可以使用 DOM 方法和 JavaScript 来监听用户事件，并通过在用户界面中选择、添加、更新和删除特定元素来操作 DOM。DOM 操作不仅允许您定位特定元素，还可以更改它们的样式和内容。

在下一节中，您将学习如何使用 JavaScript 和 DOM 方法。

其他资源

• DOM 简介
• 如何在 Google Chrome 中查看 DOM
• 如何在 Firefox 中查看 DOM