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介面