节点的复制（克隆）

复制节点分为 浅拷贝 和 深拷贝，浅拷贝是只复制标签不复制内容，深拷贝是复制标签并会把内容也复制过来。复制有两个步骤：设置要复制的标签，然后选择位置添加。

---

浅拷贝：

要复制的节点.cloneNode ( ) :     

只复制标签，不复制标签内的内容

 <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <script>
        var ul=document.querySelector('ul');
        var copyli=ul.children[0].cloneNode();
        ul.appendChild(copyli);
    </script>

 

只复制了 li 标签，没有复制标签内的内容1.

---

深拷贝：

node.cloneNode (true) :

复制时标签和内容会一起复制过来

 <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <script>
        var ul=document.querySelector('ul');
        var copyli=ul.children[0].cloneNode(true);
        ul.appendChild(copyli);
    </script>

 内容和标签一起被复制了过来