09-02-节点

13.4 节点

一个文档中，都由各种节点组成。<br />最重要的当然是元素，其它的也要知道。<br />总共12种，我们需要记忆的有5种。

• 元素节点
  1. 属性节点
  2. 文本节点
  3. 略
  4. 略
  5. 略
  6. 略
  7. 注释节点
  8. 文档节点
  9. 略
  10. 略
  11. 略

      获取属性节点 要通过 元素.attributes 来获取到集合 再通过下标获取想要的属性节点

13.5 节点属性

nodeType节点类型

 console.log(div.nodeType) 1
 console.log(id.nodeType) 2
 console.log(textNode.nodeType) 3
 console.log(commentNode.nodeType) 8
 console.log(document.nodeType) 9

nodeName节点名称

console.log(div.nodeName)  // 元素大写的名字  DIV A P UL LI等
console.log(id.nodeName)  // 属性名 id class 等
console.log(textNode.nodeName) // #text  
console.log(commentNode.nodeName) // #comment
console.log(document.nodeName) // #document

nodeValue节点值

console.log(div.nodeValue)   // null
console.log(id.nodeValue)   // 属性值 
console.log(textNode.nodeValue) // 文本内容
console.log(commentNode.nodeValue) // 注释内容
console.log(document.nodeValue)  // null

13.6 节点关系

节点关系只有两种：兄弟、父子

兄弟关系

1. previousSibling 前一个兄弟节点
2. nextSibling 下一个兄弟节点

父子关系

父找子：

1. childNodes 所有子节点集合
2. firstChild 第一个子节点
3. lastChild 最后一个子节点

子找父：

1. parentNode