document 物件本質解析：屬於 HTML DOM，由 JavaScript 操作

核心結論

document 是HTML 文件物件模型（DOM）的根節點，屬於瀏覽器內建的宿主物件，並非 JavaScript 語言核心（ECMAScript）定義的物件。JavaScript 引擎透過 DOM API 提供 document 供腳本存取與操作網頁內容。

為何容易混淆？

• W3C 標準將 DOM 定義為「平台無關、語言無關」的介面，JavaScript 只是其中一種綁定語言。
• 日常開發中習慣說「JS 操作 document」，實際上是「JS 呼叫瀏覽器提供的 DOM 方法」。

類比理解

• HTML：建築藍圖（靜態結構）。
• DOM：施工現場的動態模型（可增刪改節點）。
• document：模型的總入口（大門）。
• JavaScript：工程師（透過大門進入現場施工）。

常見操作範例

// 取得表單輸入值
var phone = document.getElementById("phone").value;

// 動態建立元素
var div = document.createElement("div");
div.textContent = "Hello DOM";
document.body.appendChild(div);

總結

不必糾結「屬於 HTML 還是 JS」，理解 document 是瀏覽器暴露給腳本的 DOM 入口即可。所有 DOM 操作（查詢、修改、事件綁定）皆由此起始。