這裡是一些常用的 document
方法的字典條目:
符號 | 描述 | 範例程式碼 | 說明 |
---|---|---|---|
document.getElementById() |
根據 ID 獲取元素 | var element = document.getElementById("myId"); |
根據提供的 ID 返回對應的 DOM 元素。 |
document.querySelector() |
獲取符合 CSS 選擇器的第一個元素 | var element = document.querySelector(".myClass"); |
返回符合指定 CSS 選擇器的第一個元素。 |
document.querySelectorAll() |
獲取符合 CSS 選擇器的所有元素 | var elements = document.querySelectorAll("div"); |
返回符合指定 CSS 選擇器的所有元素。 |
document.createElement() |
創建新的 DOM 元素 | var newDiv = document.createElement("div"); |
創建一個新的 DOM 元素,但未加入文檔。 |
document.addEventListener() |
綁定事件處理器 | document.addEventListener("click", function() { alert("Clicked!"); }); |
為文檔綁定指定事件的處理函式。 |
document.removeEventListener() |
移除事件處理器 | document.removeEventListener("click", handler); |
移除之前綁定的事件處理函式。 |
document.getElementsByClassName() |
根據類名獲取元素 | var elements = document.getElementsByClassName("myClass"); |
返回所有符合類名的 DOM 元素。 |
document.getElementsByTagName() |
根據標籤名獲取元素 | var elements = document.getElementsByTagName("p"); |
返回所有符合標籤名的 DOM 元素。 |
document.body |
獲取文檔的 body 元素 | var body = document.body; |
返回文檔的 body 元素。 |
document.title |
獲取或設置文檔的標題 | document.title = "新標題"; |
返回或設置文檔的標題。 |
如果需要其他項目或有任何特定需求,請告訴我!
符號 | 描述 | 範例程式碼 | 說明 |
---|---|---|---|
document |
表示整個 HTML 文檔 | var title = document.title; |
提供對當前網頁文檔的訪問,允許操作其元素和屬性。 |
.getElementById |
根據 ID 獲取元素 | var element = document.getElementById("myElement"); |
獲取具有指定 ID 的元素,返回該元素的參考。 |
.addEventListener |
添加事件監聽器 | document.getElementById("myElement").addEventListener("click", function() { alert("元素被點擊!"); }); |
將指定的事件監聽器添加到指定的元素上,當事件發生時執行回呼函式。 |