1. 程式人生 > >JS中Document節點總結

JS中Document節點總結

打開網頁 對象 介紹 lin for get link 末尾 doc

  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():關閉網頁的輸出流。  

    

   

  

  

JS中Document節點總結