Q320.
在HTML DOM 模型的document.documentElement 物件中，可改變HTML文件中的那些內容？
網頁設計 · 乙級 · 應用軟體安裝及使用 · Q320
難易度分析
3 / 5
此題採取複選形式，要求考生全面掌握根元素物件的所有操控權限。由於必須正確判別所有選項的真偽才能得分，且涉及 DOM 介面的繼承特性，因此增加了認知負荷與判斷難度。
正確答案 (複選)：①, ②, ③, ④
- ① HTML content:document.documentElement 指向 HTML 文件的根元素 `<html>`，可透過 innerHTML、textContent 等屬性直接讀取或修改整個 HTML 文件的結構與內容。
- ② CSS styles:透過 document.documentElement.style 可動態修改 CSS 樣式屬性，例如改變背景色、字型大小等視覺呈現效果。
- ③ HTML attributes:使用 setAttribute() 或 removeAttribute() 等方法可增刪或修改 `<html>` 元素的屬性值，如 lang、dir 等全域屬性。
- ④ event(handlers):可透過 addEventListener() 或 onclick 等屬性為 document.documentElement 綁定事件處理器，監聽如 click、keydown 等 DOM 事件。
錯誤選項解析
Learning Tip
"本題核心考點為 document.documentElement 的完整操作能力，它代表整個 `<html>` 根元素，因此可操控其包含的 HTML 結構、CSS 樣式、元素屬性 與 事件處理器。常考陷阱是誤以為它僅能操作 HTML 內容而忽略其他功能。實務上需注意 DOM Level 2 規範中，此物件繼承自 Element 介面，故所有 Element 的方法與屬性皆可使用。"
學員答題分佈
①HTML content0%
②CSS styles0%
③HTML attributes0%
④event(handlers)0%
此答題分佈是根據學員在 LongePass 模擬考等實際作答紀錄計算而成。與考友分享這道歷屆試題與詳細解析！