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