Document 對象是是window對象的一個屬性,因此可以將document對象作為一個全局對象來訪問。 當瀏覽器載入 HTML 文檔, 它就會成為 Document 對象。 Document對象的 屬性和方法 1.html元素和body對象 document.documentElement 獲 ...
Document 對象是是window對象的一個屬性,因此可以將document對象作為一個全局對象來訪問。
當瀏覽器載入 HTML 文檔, 它就會成為 Document 對象。
Document對象的 屬性和方法
1.html元素和body對象
document.documentElement 獲取html元素,文檔的根節點
document.body 獲取文檔的body元素
2.文檔信息
document.title 獲取文檔標題<title>My title</title>
document.URL 返迴文檔完整的URL比如:{協議}://{用戶名}:{密碼}@{主機名}:{埠號}/{路徑}/{文件}?{參數}
document.domain 返回當前文檔的功能變數名稱。
document.referrer 返回載入當前頁面的URL
3.獲取元素--Element
getElementById();
getElementsByTagName(); 標簽
getElementsByName(); name
getElementsByClassName();
querySelector(); 獲取匹配的第一個元素! ()中可以是css選擇器的標準形式相容到css2. ( id, 類, 類型, 屬性, 屬性值)。
querySelectorAll(); 獲取元素集合,()中可以是css選擇器的標準形式相容到css2.
4.文檔寫入
write() 向文檔寫 HTML 表達式 或 JavaScript 代碼。
open() 打開一個流,用來收集來自任何write()或writeln()方法的輸出。
close() 關閉輸入流,並顯示數據
5.特殊集合
1)document.anchors:返迴文檔中所有帶那麼特性的<a>元素。
2)document.forms:返迴文檔中所有的<form>元素,與document.getElementByTagName("form")的到的結果相同。
3)document.images:返迴文檔中所有的<img>元素,與document.getElementByTagName("img")的到的結果相同。
4.document.links:返迴文檔中所有帶href特性的<a>元素。
6.其他
document.addEventListener() 向文檔添加句柄
removeEventListener()
document.cookie() 設置或返回與當前文檔有關的所有cookie
createElement() 創建元素節點
createTextNode() 創建文本節點