Dom的基本操作回顾

Dom的节点操作常用方法：

1.appendChild(),用于向childNodes列表的末尾添加一个节点。

例如：

var returnedNode = someNode.appendChild(newNode);

2.insertBefore(),用于把节点放到childNodes的某个位置，而不是末尾的时候。该方法接收两个参数，要插入的节点和参照的节点。如果参照节点是null，则insertBefore()和appendChild()执行的操作是一样的。

例如：

//在末尾的时候插入节点

var returnedNode = someNode.insertBefore(newNode,null);

//在第一个节点处插入一个节点

var returnedNode = someNode.insertBefore(newNode,someNode.firstChild);

3.replaceChild(),用于移除某个节点，参数为需要移除的节点。

例如：

//移除第一个节点

var returnedNode = someNode.replaceChild(someNode.firstChild);

4.removeChild()，用于删除某个节点，参数为需要移除的节点。

例如：

//删除第一个节点

var returnedNode = someNode.removeChild(someNode.firstChild);

5.其他一个较为重要的方法，cloneNode(),用于创建这个方法的节点的另一个完全相同的副本。cloneNode()接受一个布尔型的参数，true时，表示深复制，false时，为浅复制。