DOM简介
DOM=Document Object Model (文档对象模型)定义了对象的类型和属性，从而允许浏览器表示标记
每项都是一个节点
节点：我们知道标记的每一个部分都由一个对象表示，但它不只是一个任意的对象，它是特定类型对象，一个DOM节点，比如：文本，元素和属性，都继承自这个基本节点类型。
例如：var number = document.getElementById("phone").value
DOM树中的每一个元素和每段文本都有一个父亲，这个父节点可能是另外一个元素的孩子，或者DOM树中的顶层元素。
结点的属性：
nodeName：结点的名称
nodeValue：节点的值
parentNode:返回父结点
childNodes:孩子节点
firstChild:仅仅是childnodes列表中的最后一个节点
lastChild:与上面相似
previousSibling：返回当前节点之前的节点（同一个父节点）
nextSibling:返回下一个节点（同一个父节点）
attributes:仅用于元素节点，返回元素的属性列表
节点的方法：
insertBefore(newChild, referenceNode) 将 newChild 节点插入到 referenceNode 之前。记住，
应该对 newChild 的目标父节点调用该方法。
replaceChild(newChild, oldChild) 用 newChild 节点替换 oldChild 节点。
removeChild(oldChild) 从运行该方法的节点中删除 oldChild 节点。
appendChild(newChild) 将 newChild 添加到运行该函数的节点之中。newChild 被添加到目标节点孩
子列表中的末端。
hasChildNodes() 在调用该方法的节点有孩子时则返回 true，否则返回 false。
hasAttributes() 在调用该方法的节点有属性时则返回 true，否则返回 false。
- 与属性处理有关的方法：
getAttribute(name)返回名为name的属性值。removeAttribute(name)删除名为name的属性。setAttribute(name, value)创建一个名为name的属性并将其值设为value。getAttributeNode(name)返回名为name的属性节点removeAttributeNode(node)删除与指定节点匹配的属性节点。
- 与查找嵌套元素有关的方法：
getElementsByTagName(elementName)返回具有指定名称的元素节点列表。
