3.1 Node關係

節點層級

node階段關係像一顆大樹，向上不斷分枝；像一窩樹根，向下不斷蔓延。

整顆大樹能夠總歸納爲

• HTML元素 爲 element node
• 元素屬性爲attribute node
• 註釋爲 comment node

節點類型

總共十二種，由個常數表示

• 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)
• Node.DOCUMENT_TYPE_NODE (10)
• Node.DOCUMENT_FRAGMENT_NODE (11)
• Node.NOTATION_NODE (12)

直接能夠用 nodeType屬性查詢

兩個經常使用屬性

• nodeName
• nodeValue

關係網

• 父節點 parentNode
• 子節點集合 childNodes

返回一個NodeList，有特定方法，相似於Array

• 鄰居 previousSibling、nextSibling
• 大兒子 firstChild、小兒子 lastChild

檢測有無子元素 hasChildNodes()

控制節點

• appendChild(NODE)
• insertBefore(new,NODE)
• replace(new,old)
• removeChild(NODE)

一個節點不會存在兩個定位，只會移動。

• 所屬文檔 ownerDocment