js dom 是 javascript 語言中用來表示和操作 html/xml 文檔的編程接口，允許 javascript 腳本訪問和修改 web 頁面中的 html 元素、屬性和內容，具有以下特征：分層的樹形結構，根節點為文檔本身。提供方法和屬性，用于獲取、修改、添加和刪除元素。廣泛應用于 web 開發中，用于修改布局、生成內容、處理交互和實現高級功能。
JS DOM 簡介
JS DOM（Document Object Model，文檔對象模型）是 JavaScript 語言中用來表示和操作 HTML/XML 文檔的編程接口。它允許 JavaScript 腳本通過編程方式訪問和修改 Web 頁面中的 HTML 元素、屬性和內容。
DOM 的結構
DOM 是一個分層的樹形結構，其中：
文檔本身是根節點。
其他 HTML 元素（如 、）是子節點。文本節點代表 HTML 元素中的文本內容。
DOM 的操作
DOM 提供了一系列方法和屬性，用于訪問和操作 DOM 節點。這些操作包括：
獲取元素：document.getElementById()、document.querySelector()
修改元素屬性：element.setAttribute()、element.getAttribute()
添加或刪除元素：element.appendChild()、element.removeChild()
更改元素內容：element.innerHTML、element.textContent
事件處理：element.addEventListener()
DOM 的用途
DOM 在 Web 開發中廣泛應用，因為它允許 JavaScript 腳本：
修改 Web 頁面布局和樣式
動態生成和更新內容
處理用戶交互（例如表單提交、按鈕點擊）
實現高級 Web 功能（例如拖放、動畫）
