节点树操作

DOM把HTML文档看作对象(节点)树，通过操作对象(节点)，实现控制HTML文档的目的。
  (1)查找节点
document.getElementById()
node.getElementsByClassName()
        node.getElementsByTagName()
node.getElementsByName()
document.querySelector()
document.querySelectorAll()
  (2)操作节点属性
node.getAttribute(名)   //get
node.setAttribute(名, 值)  //set
老IE node.setAttributeNode(名，值)  //用于老IE
  (3)操作节点内容
node.innerHTML
node.innerText / node.textContent
  (4)操作节点的值
input.value
  (5)操作节点样式
node.style.样式名 = 样式值;
document.getComputedStyle()
node.className
  (6)遍历节点
node.parentNode
node.childNodes
node.lastChild
node.firstChild
node.nextSibling
node.previousSibling
  (7)添加节点
var newChild = document.createElement();