js DOM节点创建，操作，删除，替换

创建节点：

document.createElement()	创建元素节点。
document.createTextNode()	创建文本节点。
document.cloneNode()	克隆节点。

注意：

 

1. document.createTextNode()与innerHTML的区别：innerHTML和createTextNode都可以把一段内容添加到一个节点中 ，若添加的内容里包含标签（eg：<strong>Hello!</strong>），createTextNode会把strong标签当做文本处理，输出的是“<strong>Hello!</strong>”，而innerHTML会当做一段代码处理，输出的是“Hello！”
2. document.cloneNode()：有两种Boolean的参数。但参数是true的时候为深度克隆，就是复制当前节点的所有子孙节点。false的时候仅限复制当前节点。

 插入DOM节点：

 

1. appendChild()：把节点插入到父节点的末尾。
2. insertBefore()：把节点插入到父节点的某个兄弟节点的前面。所以他有两个参数，insertBefore(newItem,existingItem)

删除DOM节点：

1. removeChild()

替换DOM节点：

1. replaceChild(newnode,oldnode)