节点上的操作

一、创建节点
document.createElement():
创建新元素，这个方法只接收一个参数，元素的标签名

document.createTextNode()
创建文本节点，参数为字符串文本

二、插入节点
appendChild()
插入指定的节点使其成为那个节点的最后一个子节点
在插入的元素节点上调用

insertBefore(新节点，参照节点)
第一个参数:待插入的节点
第二个参数：已存在的节点，新节点将插入该节点的前面
在父节点上调用

如果调用appendChild()或insertBefore()将已存在文档中的一个节点再次插入，那个
节点将自动从它当前的位置删除并在新的位置重新输入，没有必要显式删除该节点
封装一个insertAt(parent,child，n)

三、删除和替换节点
replaceChild(newNode，oldNode)
old.parentNode.replaceChild(new,old)
删除一个节点并用一个新的节点取而代之，
第一个参数是新节点，第二个参数需要代替的节点
在父节点上调用该方法
removeChild(node)
从文档树中删除一个节点
该方法不是在删除的节点上调用，而是在父节点上调用

四、克隆节点
cloneNode(node,bool)
用于创建调建这个方法的节点的一个完全相同的副本
接受一个布尔值参数，表示是否执行深复制
true：深复制
复制节点及其整个子节点树
false:浅复制
只复制节点本身
复制后返回的节点副本属于文档所有，但并没有为它指定父节点，除非添加到文档中
不会复制添加到DOM节点中的JavaScript属性，例如事件处理程序，IE就会复制
事件处理程序，建议复制前先移除事件处理程序