在JavaScript中,document
是一個內建的對象,代表當前HTML文檔的DOM樹。我們可以使用它來訪問和操作HTML文檔的各個元素和屬性。
以下是一些常見的使用方式:
getElementById()
方法根據元素ID獲取特定元素,例如:var element = document.getElementById("elementId");
innerHTML
屬性來修改元素的HTML內容,例如:element.innerHTML = "新內容";
style
屬性來修改元素的CSS樣式,例如:element.style.color = "red";
addEventListener()
方法來為元素添加事件監聽器,例如:element.addEventListener("click", function() {
// 事件處理代碼
});
createElement()
方法創建新的HTML元素,例如:var newElement = document.createElement("div");
appendChild()
方法將元素添加到父元素中,例如:parentElement.appendChild(newElement);
這些只是一些常見的使用方式,document
對象提供了更多的方法和屬性,可以根據具體的需求進行進一步的探索和使用。