節點屬性
1、nodeType:節點類型
- Node.ELEMENT_NODE(1);(元素節點)
- Node.ATTRIBUTE_NODE(2);(屬性節點)
- Node.TEXT_NODE(3);(文本節點)
- Node.CDATA_SECTION_NODE(4);
- Node.ENTITY_REFERENCE_NODE(5);
- Node.ENTITY_NODE(6);
- Node.PROCESSING_INSTRUCTION_NODE(7);
- Node.COMMENT_NODE(8);(註釋節點)
- Node.DOCUMENT_NODE(9);(document節點)
- Node.DOCUMENT_TYPE_NODE(10);
- Node.DOCUMENT_FRAGMENT_NODE(11);
- Node.NOTATION_NODE(12)
2、nodeName:節點名稱。元素節點爲標籤名,文本節點爲#text
3、nodeValue:節點值。元素節點爲null,文本節點爲文本內容
節點關係
1、childNodes:當前節點的子節點的節點列表
2、parentNode:當前節點的父節點
3、firstChild:父節點的第一節點。相當於childNodes[0]或childNodes.item[0]
4、lastChild:父節點的最後一個節點
5、nextSibling:當前節點的後一個節點
6、previousSibling:當前節點的前一個節點
7、hasChildNodes:節點包含一或多個子節點的情況下返回true
8、ownerDocument:指向表示整個文檔的文檔節點
節點操作
1、createElement():創建元素節點
2、createAttribute():創建屬性節點
3、appendChild():向節點的子節點列表的結尾添加新的子節點
4、cloneNode():複製節點
5、insertBefore(newNode,target):在指定的子節點前插入新的子節點
6、replaceChild(newNode,target):用新節點替換一個子節點
7、removeChild():刪除(並返回)當前節點的指定子節點
8、normalize():將空文本節點刪除或將相鄰的文本節點合併一個文本節點
9、getAttribute():返回指定屬性值
10、setAttribute():把指定屬性設置或修改爲指定的值
11、querySelectorAll():返回文檔中匹配指定css選擇器的所有元素,返回NodeList對象(集合)