如何使用JavaScript操作HTML元素

要使用JavaScript操作HTML元素，你可以使用以下方法：

1. 通過元素的ID獲取元素：

var element = document.getElementById("elementId");

2. 通過元素的類名獲取元素（返回一個元素數組）：

var elements = document.getElementsByClassName("className");

3. 通過元素的標簽名獲取元素（返回一個元素數組）：

var elements = document.getElementsByTagName("tagName");

4. 通過CSS選擇器獲取元素（返回一個元素數組）：

var elements = document.querySelectorAll("cssSelector");

5. 修改元素內容：

element.innerHTML = "新的內容";

6. 修改元素的樣式：

element.style.color = "red";

7. 添加或刪除類名：

element.classList.add("newClass"); // 添加類名
element.classList.remove("oldClass"); // 刪除類名

8. 創建新的HTML元素并添加到DOM中：

var newElement = document.createElement("div");
newElement.innerHTML = "這是一個新的div元素";
document.body.appendChild(newElement); // 將新元素添加到body的末尾