在JavaScript中，DOM（文檔對象模型）操作允許你訪問和更改HTML文檔的結構、樣式和內容。以下是一些常用的DOM操作方法：

1. 獲取元素：使用getElementById()、getElementsByClassName()、getElementsByTagName()、querySelector()和querySelectorAll()方法獲取HTML元素。

var elementById = document.getElementById("myId");
var elementsByClassName = document.getElementsByClassName("myClass");
var elementsByTagName = document.getElementsByTagName("div");
var elementByQuerySelector = document.querySelector("#myId");
var elementsByQuerySelectorAll = document.querySelectorAll(".myClass");

2. 創建元素：使用createElement()方法創建新的HTML元素。

var newElement = document.createElement("div");

3. 添加元素：使用appendChild()、insertBefore()和replaceChild()方法將新元素添加到DOM中。

var parentElement = document.getElementById("parent");
var newElement = document.createElement("div");
parentElement.appendChild(newElement);

4. 刪除元素：使用removeChild()方法從DOM中刪除元素。

var parentElement = document.getElementById("parent");
var childElement = document.getElementById("child");
parentElement.removeChild(childElement);

5. 修改元素內容：使用innerHTML、innerText和textContent屬性獲取或設置元素的內容。

var element = document.getElementById("myElement");
element.innerHTML = "<strong>Hello, World!</strong>";
element.innerText = "Hello, World!";
element.textContent = "Hello, World!";

6. 修改元素屬性：使用getAttribute()、setAttribute()、removeAttribute()和hasAttribute()方法獲取或設置元素的屬性。

var element = document.getElementById("myElement");
var src = element.getAttribute("src");
element.setAttribute("alt", "An example image");
element.removeAttribute("width");
var hasAlt = element.hasAttribute("alt");

7. 修改元素樣式：使用style屬性獲取或設置元素的CSS樣式。

var element = document.getElementById("myElement");
element.style.width = "200px";
element.style.height = "100px";
element.style.backgroundColor = "red";

8. 添加事件監聽器：使用addEventListener()方法為元素添加事件監聽器。

var element = document.getElementById("myElement");
element.addEventListener("click", function() {
  alert("Element clicked!");
});

這些方法只是JavaScript DOM操作的一部分，DOM操作還包括很多其他功能，如遍歷DOM樹、操作CSS樣式表等。要了解更多關于DOM操作的信息，請查閱相關文檔和教程。