繁體中文
選單

什麼是文件物件模型（DOM）

把HTML或XML文件，以元素、文字等為節點的樹狀結構表示，讓程式能夠讀寫的介面。瀏覽器解析HTML建立DOM，JavaScript以document.querySelector等方法找出元素，改寫文字、屬性、樣式，或加入元素。DOM改變時，瀏覽器會視需要重新進行版面配置的計算與繪製，因此變更過多會讓顯示變慢。

日文名稱: DOM(Document Object Model)

「文件物件模型（DOM）」出現在1領域的3道練習題中（Web技術基礎等）。

這個名詞所屬的領域: Web技術基礎

練習文件物件模型（DOM）的題目

關於瀏覽器中使用的DOM（Document Object Model），下列說明何者正確？

  1. A把伺服器資料庫的表格結構，轉換成HTML表格（table元素）的形式以便送往瀏覽器的東西
  2. B把HTML文件以元素等為節點的樹狀結構表示，可由JavaScript讀寫
  3. C為了縮小檔案、加快載入，去除空白而壓縮CSS規則的格式
查看答案與解析

正確答案：B. 把HTML文件以元素等為節點的樹狀結構表示，可由JavaScript讀寫

瀏覽器解析HTML，建立以html元素為根、head、body及其中的段落等為節點的樹狀結構（DOM樹）。JavaScript以document.querySelector找出元素、改寫文字或屬性、加入元素等，透過DOM改變網頁。DOM改變時，瀏覽器會視需要重新進行版面配置的計算與繪製。DOM被標準化為不依賴特定程式語言、用來操作文件的介面。

解析中的「文件物件模型（DOM）」

出現「文件物件模型（DOM）」的題目（3題）

  1. 關於瀏覽器中使用的DOM（Document Object Model），下列說明何者正確？
  2. 在瀏覽器顯示第一個畫面之前的處理（關鍵轉譯路徑）中，若<head>中有不加屬性的 <script src="app.js">，HTML的解析就會在那裡停住。為這個元素加上defer屬性時的行為，下列何者正確？
  3. 關於Service Worker的說明，下列何者正確？

相關名詞

反向代理 同源政策 伺服器端算繪（SSR） 事件迴圈 跨來源資源共用（CORS） Cookie HTTP（超文字傳輸協定） HTTP方法 HTTP狀態碼 JSON（JavaScript Object Notation）

前往名詞解釋列表