在開發Web頁面時，經常需要使用JavaScript來操作HTML頁面中的元素。DOM（文檔對象模型）是JavaScript操作HTML頁面中元素的主要方式。DOM是一種用于HTML和XML文檔的API，它將HTML和XML文檔解析成一系列的節點，開發者可以通過JavaScript來訪問和操作這些節點。

一、什么是DOM

ent Object Model）的簡稱，它是一種用于HTML和XML文檔的API。DOM將HTML和XML文檔解析成一系列的節點，這些節點組成了一個樹形結構。通過JavaScript可以訪問和操作這些節點，

二、DOM節點

DOM節點是HTML頁面中的元素，它們可以是標簽、文本、注釋、屬性等。節點可以有父節點和子節點，形成一個樹形結構。節點可以通過JavaScript來訪問和操作，

1. 元素節點

元素節點是HTML頁面中的標簽，它們可以包含其他節點。通過JavaScript可以獲取元素節點的屬性和內容，

2. 文本節點

文本節點是HTML頁面中的文本，它們可以是元素節點的內容，也可以是注釋節點的內容。通過JavaScript可以獲取和修改文本節點的內容，

3. 屬性節點

屬性節點是HTML頁面中元素的屬性，它們可以通過JavaScript來獲取和修改。屬性節點包括元素的id、class、style等屬性。

4. 注釋節點

注釋節點是HTML頁面中的注釋，它們可以通過JavaScript來獲取和修改。注釋節點可以用于代碼的注釋和標記。

三、DOM操作

JavaScript可以通過DOM來操作HTML頁面中的元素，實現對HTML頁面的動態更新和交互。DOM操作包括獲取元素、修改元素、添加元素、刪除元素等。

1. 獲取元素

entByIdentsByClassNameentsByTagName、querySelector、querySelectorAll等。

2. 修改元素

nerHTMLnerTextoveAttribute等。

3. 添加元素

entdChildsertBefore等。

4. 刪除元素

oveChildove等。

DOM是JavaScript操作HTML頁面中元素的主要方式，它將HTML和XML文檔解析成一系列的節點，開發者可以通過JavaScript來訪問和操作這些節點。DOM節點包括元素節點、文本節點、屬性節點、注釋節點等。JavaScript可以通過DOM來操作HTML頁面中的元素，包括獲取元素、修改元素、添加元素、刪除元素等。掌握DOM操作是Web開發的基礎，它可以實現對HTML頁面的動態更新和交互。