JavaScriptDOM对象（二）

节点间关系
节点树：包含了所有节点（元素，文本） 完整的结构
parentNode直接指向父节点。
firstNode和astNode分别指向第一个子节点和最后一个子节点。
previousSibling和nextSibling分别表示指向上一个兄弟节点和下一个兄弟节点（同胞节点）

元素树 ： 仅包含元素节点的树形结构
parentElement 直接指向父元素对象
children 直接指向子元素对象集合 IE8支持
firstElementChild 直接指向第一个子元素对象
lastElementChild 直接指向最后一个子元素对象
previousElementSibling 直接指向当前元素的前一个兄弟元素
nextElementSibling 直接指向当前元素的下一个兄弟元素

常用操作节点的方法
appendChild()
insertBefore()
replaceChild()
removeChild()
appendChild(newNode)参数是新增的节点；返回值是新增的节点。该方法用于向childNodes列表的末尾添加一个节点。
如果参数node是文档中已经存在的节点，则将该节点从原来的位置转移到childNodes列表末尾。
insertBefore(insertNode, referNode)，参数1是要插入的节点，参数2是参照节点；返回要插入的节点。该方法用于调整节点的位置，将插入节点插入到参照节点的前面，成为其同胞节点
replaceChild(insertNode, replaceNode)，参数1是要插入的节点，参数2是被替换的节点；返回被替换的节点。该方法用于替换某个节点。
removeChild(removeNode)，参数是被移除的节点；返回被移除的节点。该方法用于移除某个节点。
repalceChild()和removeChild()方中被替换和移除的节点仍然存在文档中，只是没有了位置，仍然可以使用引用。
这些操作方法都基于操作子节点，若没有子节点的节点类型使用这些操作方法，则会报错。