JavaScript DOM（Document Object Model）操作是指與HTML文檔進行交互的方法。以下是一些常用的DOM操作方法：

1. 獲取元素：

   • getElementById(id)：通過元素的ID獲取元素。
   • getElementsByClassName(className)：通過元素的類名獲取元素集合。
   • getElementsByTagName(tagName)：通過元素的標簽名獲取元素集合。
   • querySelector(selector)：通過CSS選擇器獲取第一個匹配的元素。
   • querySelectorAll(selector)：通過CSS選擇器獲取所有匹配的元素集合。

2. 修改元素內容：

   • innerHTML：獲取或設置元素的HTML內容。
   • innerText：獲取或設置元素的文本內容。
   • textContent：獲取或設置元素的文本內容（包括子元素）。

3. 修改元素屬性：

   • getAttribute(attributeName)：獲取元素的屬性值。
   • setAttribute(attributeName, value)：設置元素的屬性值。
   • removeAttribute(attributeName)：刪除元素的屬性。

4. 修改元素樣式：

   • style：直接通過元素對象的style屬性修改樣式（不推薦，應使用CSS類）。
   • classList：操作元素的類名。

5. 操作子元素和兄弟元素：

   • appendChild(childNode)：在元素末尾添加子節點。
   • insertBefore(newNode, referenceNode)：在指定節點之前插入新節點。
   • removeChild(childNode)：刪除指定子節點。
   • replaceChild(newChild, oldChild)：替換指定子節點。
   • nextSibling：獲取當前節點的下一個兄弟節點。
   • previousSibling：獲取當前節點的上一個兄弟節點。

6. 遍歷DOM樹：

   • parentNode：獲取當前節點的父節點。
   • childNodes：獲取當前節點的所有子節點集合（包括文本節點和元素節點）。
   • firstChild：獲取當前節點的第一個子節點。
   • lastChild：獲取當前節點的最后一個子節點。

7. 創建和操作文檔片段：

   • DocumentFragment：創建一個文檔片段，用于臨時存儲DOM節點，以便一次性添加到文檔中。

8. 事件處理：

   • 為元素添加事件監聽器，如addEventListener(type, listener)和attachEvent(type, listener)（針對IE瀏覽器）。

9. 操作CSS樣式表：

   • cssText：獲取或設置元素的內聯樣式。
   • classList.add(className)、classList.remove(className)、classList.contains(className)：操作元素的類名。

10. 模擬用戶交互：

    • click()、mouseover()、mouseout()等方法：模擬用戶點擊、鼠標懸停等交互行為。

這些方法提供了對HTML文檔進行動態操作的能力，使得JavaScript在網頁交互和動態內容生成方面非常有用。在使用這些方法時，應注意性能和瀏覽器兼容性，尤其是在處理大量DOM操作時，可能需要采用優化策略，如使用虛擬DOM庫（如React）或批量修改DOM。