Node節點

節點屬性

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對象(集合)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章