ＤＯＭ操作

一、遍历节点树

childNodes   返回一个数组，这个数组由给定元素节点的子节点构成
firstChild    返回第一个子节点
lastChild     返回最后一个子节点
parentNode    返回一个给定节点的父节点
nextSibling   返回给定节点的下一个子节点
previousSibling返回给定节点的上一个子节点    

elementNode.childNodes  访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组

node.firstChild  与elementNode.childNodes[0]效果相同

node.lastChild   与elementNode.childNodes[elementNode.childNodes.length-1]效果相同

elementNode.parentNode   获取制定节点的父节点

二、DOM操作

createElement(element)   创建一个新的元素节点
createTextNode()         创建一个包含着制定文本的新文本节点
appendChild()            制定节点的最后一个子节点列表之后添加一个新的子节点
insertBefore()           将一个给定节点插入到一个给定元素节点的给定子节点前面
removeChild()            从一个给定元素中删除一个子节点
replaceChild()           把一个给定父元素里的一个子节点替换为另一个节点

获取节点对象

document.getElementsByName(name)   返回带有指定名称的节点对象的集合
document.getElementsByTagName(Tagname)   返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。
elementNode.getAttribute(name)  返回属性内容
elementNode.setAttribute(name,value) 增加一个制定名称和值的新属性，或者把一个现有的属性设定为指定的值。

三、节点属性

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：

1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型

一、nodeName 属性: 节点的名称，是只读的。

1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document

二、nodeValue 属性：节点的值

1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值

三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:

元素类型    节点类型
  元素          1
  属性          2
  文本          3
  注释          8
  文档          9

nodeObject.nextSibling   返回某个节点之后紧跟的节点（处于同一树层级中）。

nodeObject.previousSibling   返回某个节点之前紧跟的节点（处于同一树层级中）。