DOM操作-2:createElement创建节点 / appe

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一次性添加，性能高

---