DOM节点

节点的类型

元素节点----1
属性节点----2
文本节点----3
注释节点----8
document----9
DocumentFragment----11
后面的数字的类型对应的数值

遍历节点树

1. .parentNode :元素的父节点，最顶端是 #document
2. .childNodes: 元素们的子节点们，包括文本节点，注释节点，属性节点和元素节点。
   .firstChild ,.lastChild .nextSibling,.previousSibling,看名称就可以领会到这是什么意思了，注意一般在选择元素节点的下一个或上一个兄弟节点时，都会选择到文本节点。
   上面的方法兼容所有浏览器

基于元素节点树的遍历

1. .parentElement 父元素节点
2. .children 子元素节点
3. .chilidElementCount === .children.length ,当前元素节点的子元素个数
4. firstElementChild, lastElementChild 看名称 ,可以理会含义
   除了 .children ,上述其他所有方法不兼容IE9及以下版本浏览器

nodeName

元素的标签名，以大写形式表示，只读

nodeValue

节点的值（内容），可读可写

nodeType

节点类型，返回一个节点类型对应的数值

attributes

• 属性节点的集合，返回一个类数组，类似于这样的 {0:id,1:class,length:2}。
  .attributes[0].value 返回第一个的值， .attributes[0].name，返回一个key
• 后期 setAttributes，getAttributes方法可以改变、查看attributes

.hasAttributes()

返回一个布尔值，是否有某个节点
如 div.hasChildNodes() ，可以返回一个元素是否有子节点