四、DOM
1.DOM概述
XHR对象提供了跟服务器通讯的能力，而DOM提供了访问、动态更新页面的能力。
DOM是W3C推出的文档对象模型，是表示文档和访问、操作构成文档的各种元素的API，被定义为独立于语言的标准，在javascript和java以及其他语言中都有实现。
在DOM中，HTML文档的层次机构被表示为树形结构，树的节点表示文档中的各种内容。HTML文档的树形表示主要包含表示元素或标记（如<table>和<p>）的节点和表示文本串的节点构成。
DOM定义了许多接口，其中比较通用的是其核心API：NodeList、Node、
Document、Element接口，Document和Element接口都是Node接口的子接口。在JavaScript实现的DOM中还包含
HTML文档专用的API，如HTMLDocument、HTMLElement。另外，DOM为许多HTML元素定义了标记专有的接口，如
HTMLBodyElement、HTMLTitleElement。
2. Node接口
Node接口是文档树中所有节点的顶级父接口，定义了通用的属性和方法。
常用属性：
属性
说明
nodeType
代表节点的类型
nodeName
节点的名字，Element节点则代表Element的标记名称
parentNode
以Node的形式返回当前节点的父节点。如果没有父节点，为null
childNodes
以NodeList的形式返回当前节点的子节点
firstChild
以Node的形式返回当前节点的第一个子节点，如果没有子节点，则为null
lastChild
以Node的形式返回当前节点的最后一个子节点，如果没有子节点，则为null
previousSibling
以Node的形式返回当前节点的前一个兄弟节点，如果没有，则为null
nextSibling
以Node的形式返回当前节点的下一个兄弟节点，如果没有，则为null
nodeValue
如果是TextNode节点，该属性代表节点的文本值
注意：在java的实现中，与上述属性对应的是get/set方法，如getNodeType()、getFirstChild()等。
常用方法：
方法
说明
hasChildNodes()
如果当前节点拥有子节点，则返回true
appendChild()
把一个节点增加到当前节点的childNodes，给文档树增加节点
removeChild()
从文档树中删除并返回指定的子节点
replaceChild()
从文档树中删除并返回指定的子节点，用另一个节点替换
insertBefore()
在当前节点的指定子节点之前插入一个节点
3. Document接口
DOM 树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象，对于HTML文档，就是<html>元素。Document接口的常用方法有：
方法
说明
createAttr
