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

當使用者瀏覽網頁時，伺服器會將一個 HTML 檔案返回給瀏覽器，看起來可能像這樣

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

什麼是 DOM？

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

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

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

額外資源

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