JS中Document節點總結


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

    

   

  

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM