為了理解 React 的運作方式，我們首先需要基本了解瀏覽器如何解讀您的程式碼以建立（或算繪）使用者介面 (UI)。

當使用者造訪網頁時，伺服器會將 HTML 檔案傳回瀏覽器，檔案可能如下所示

然後，瀏覽器會讀取 HTML 並建構文件物件模型 (DOM)。

什麼是 DOM？

DOM 是 HTML 元素的物件表示。它充當您的程式碼和使用者介面之間的橋樑，並具有樹狀結構，包含父子關係。

您可以使用 DOM 方法和 JavaScript，來監聽使用者事件，並透過選取、新增、更新和刪除使用者介面中的特定元素，操作 DOM。DOM 操作不僅允許您鎖定特定元素，還可以更改其樣式和內容。

在下一節中，您將學習如何使用 JavaScript 和 DOM 方法。

額外資源

• DOM 簡介
• 如何在 Google Chrome 中檢視 DOM
• 如何在 Firefox 中檢視 DOM