document對象是documentHTML的一個實例,也是window對象的一個屬性,因此可以將document對象作為一個全局對象來訪問。
Document節點的子節點可以是DocumentType,Element,ProcessingInstruction或Comment。ProcessingInstruction 對象可表示處理指令。這個不常用的接口表示 XML 文檔中的一個處理指令(或 PI)。使用 HTML 文檔的程序設計者不會遇到 ProcessingInstruction 節點,所以就不多介紹了,DocumentType我們可以通過doctype屬性來訪問他的信息。Comment作為注釋也不多說了,這里只說一下Element。
1.html元素和body元素
document.documentElement來獲取html元素,document.body來獲取body元素。
2.文檔信息
document.title獲取文檔標題。
document.URL屬性包含頁面完整的URL比如:{協議}://{用戶名}:{密碼}@{主機名}:{端口號}/{路徑}/{文件}?{參數}
document.domain屬性只包括頁面的域名。
document.referrer屬性是從什么頁面跳到當前頁面的。
3.獲取元素
1)getElementById();
2)getElementsByTagName();
3)getElementsByName();
4)getElementsByClassName();
5)querySelector();獲取單個元素,()中可以是css選擇器的標准形式兼容到css2.
6)querySelectorAll();獲取元素集合,()中可以是css選擇器的標准形式兼容到css2.
4.特殊集合
1)document.anchors:包含文檔中所有帶那么特性的<a>元素。
2)document.forms:包含文檔中所有的<img>元素,與document.getElementByTagName("form")的到的結果相同。
3)document.images:包含文檔中所有的<img>元素,與document.getElementByTagName("img")的到的結果相同。
4.document.links:包含文檔中所有帶href特性的<a>元素。
5.文檔寫入
1)write():按原樣寫入。
2)writeln():在字符串的末尾添加一個換行符。
3)open():打開網頁的輸出流。
4)close():關閉網頁的輸出流。