DOM筆記(二):Node介面,dom筆記node介面

來源:互聯網
上載者:User

DOM筆記(二):Node介面,dom筆記node介面

所有的節點都使用Node介面來表示,可以使用很多方法去擷取節點,如document.getElementsByTagName()、document.getElementsByName()等均返回一個NodeList對象,然後擷取其中的節點。

     節點對應的屬性和放大均在Node介面予以定義:

      1、Node介面常見的屬性列表

屬性名稱 資料類型 說明
nodeName DOMString 返回節點名
nodeValue DOMString 返回節點值
nodeType int 返回節點類型(見後文)
parentNode Node 返回當前節點的父節點
childNodes NodeList 返回當前節點的所有子節點
firstChild Node 返回當前節點的第一個子節點
lastChild Node 返回當前節點的最後一個子節點
previousSibling Node 返回當前節點的緊鄰的前一個兄弟節點
nextSibling Node 返回當前節點的緊鄰的後一個兄弟節點
attributes NamedNodeMap 返回當前節點的所有屬性
ownerDocument Document 返回當前節點對應的Document對象
namespaceURI DOMString 返回當前節點所屬命名空間的URI
prefix DOMString 返回當前節點所屬命名空間的首碼
localName DOMString 返回當前節點限定名的本地部分

 

     2、Node介面常見的方法列表

方法名 資料類型 說明
appendChild Node 在末尾添加一個子節點
cloneNode Node 複製一個子節點
hasAttributes Boolean 判斷該節點是否有屬性
hasChildNodes Boolean 判斷該節點是否有子節點
insertBefore Node 在指定節點插入一個節點
isSupported Boolean 判斷節點特定是否被支援
normalize Void 規格化節點
removeChild Node 刪除一個子節點
replaceChild Node 替換一個子節點

 

    3、Node類型

          在DOM文檔中,每一個節點都屬於一種類型,可以使用Node.nodeType屬性擷取節點的類型。DOM規範規定了12種節點類型,可以使用Node介面定義的常量表示,也可以用數字表示。

節點類型常量 數值表示 說明
ELEMENT_NODE 1 元素節點
ATTRIBUTE_NODE 2 屬性節點
TEXT_NODE 3 文本節點
CDATA_SECTION_NODE 4 CDATA節點
ENTITY_REFERENCE_NODE 5 實體引用節點
ENTITY_NODE 6 實體節點
PROCESSING_INSTRUCTION_NODE 7 處理指示節點
COMMENT_NODE 8 注釋節點
DOCUMENT_NODE 9 文檔節點
DOCUMENT_TYPE_NODE 10 文件類型節點
DOCUMENT_FRAGMENT_NODE 11 文檔片段節點
NOTATION_NODE 12 符號節點

 

     PS:IE不支援常量表示,最好用數字表示。最常用的六種Node類型:1,2,3,8,9,11

    原文首發:http://www.ido321.com/1318.html

    下一篇:DOM筆記(三):Element介面和HTMLElement介面

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.