DOM-2（节点操作）

createElement 创建节点

    语法：element document.createElement("tagName")

            参数：tagName 标签名称

            返回值：创建好的节点

appendChild 添加节点

    el.appendChild(node)  在元素的末尾添加一个子级

insertBefore 在旧节点前添加节点

    el.insertBefore(newNode,oldNode) 在 oldNode 前边添加入 newNode 

在使用 appendChild 和 insertBefore时，如果添加是一个页面上已经存在的节点，会先从原位置删除，然后在添加到新的位置去。

replacChild替换节点

    el.replacChild(newNode,oldNode)       返回值是替换掉的旧节点

removeChild 删除子元素

    parent.removeChild(el) 删除掉某个子元素

    .remove兼容性差点

cloneNode 克隆节点

    node.cloneNode(deep)          - deep: 默认为false

            - deep 为 true, 克隆元素及属性，以及元素的内容和后代，深度克隆

            - deep 为 false, 只克隆元素本身，及它的属性，浅克隆

createDocumentFragment 文档碎片

    innerHTML一次性添加，性能高