DOM
对于DOM，我们首先要知道这到底是一个什么东西，他是专门操作HTML内容的API。而DOM分为两种，一种是核心DOM，一种是HTMLDOM。核心DOM是能够操作所有的结构化文档，他是一个万能的，但是他比较复杂，比较繁琐。而HTML DOM是专门操作HTML内容的API，对常用的API进行简化，这个呢就比较简单，但是呢这个不是万能的。所以在实际开发中，我们：先用简单，如果简单的不能解决问题、实现不了在用核心DOM补充。网页中一切在内存中都是以树形结构存储的 存储上下级包含关系最直观的结构。HTML中的每一个元素，属性，文本 都是一个节点对象（Node），document对象是整棵树的根节点。关于节点对象Node有三大属性：一：nodeType number，专门区分节点的类型：1 element；2 attribute；3 text；9 document。在需要区分节点类型的时候使用。二：.nodeName（节点名， 字符串）比如：document #document；element 全大写的标签名；attribute 属性名；文本节点 #text。这个在进一步区分元素的名称时使用。三：nodeValue（节点值）：document null；element null；attribute 属性值；text 文本的内容。关于DOM的操作，就是对DON树的内容做 增 删 改 查。
递归遍历DOM
1.三个元素不需要找，直接获得： document.documentElement； document.head； document.body 。
2.节点之间的关系：
1）父子关系：node.parentNode 获得node的父节点；node.childNodes 获得node的所有子节点；node.firstChild 获得node下的第一个子节；node.lastChild 后的node下最后一个子节点。elem.parentElement 返回一个父元素对象；elem.childen IE8支持 返回子元素对象集合；elem.firstElementChild 返回第一个子元素对象；elem.lastElementChild 返回最后一个子元素
2）兄弟关系：
node.preivousSibling: 返回当前节点的前一个兄弟节点；node.nextSibling:返回当前节点的下一个兄弟节点；elem.preivousElementSibling，返回当前节点的前一个兄弟元素；elem.nextElementSibling；返回当前节点的下一个兄弟元素