DOM

• 关于JS获取元素的方式：
  id tagName className name
  document.documentElement.clientWidth||document.body.clientWidth
  querySelector
  querySelectorAll
• 节点和节点类型

            nodeType       nodeName       nodeValue
元素节点        1            大写的标签名     null
文本节点        3            #text          文本内容
注释节点        8            #comment       注释内容
document节点    9           #document       null

• 节点关系
  children childNodes previousSibling nextSibling firstChild lastChild
• 关于元素的动态操作：
  1）元素的动态创建
  document.createElement
  obj.cloneNode(布尔值) true:深度克隆 false/不写:只克隆表皮，不包含子元素
  2）元素的动态插入
  parent.appendChild(curEle);
  parent.insertBefore(curEle,oldEle);
  3)元素的动态删除和替换
  parent.removeChild(curEle);
  parent.replaceChild(curEle,oldEle);
• 关于元素属性的操作：
  1）. 和 [];
  2)attribute系列：
  getAttribute;
  setAttribute;
  removeAttribute;

getBoundingClientRect（） 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。
e.offsetX :到左边的距离