node.clonNode()

    node.clonNode()方法返回调用该方法的节点的一个副本。也称为克隆节点/拷贝节点。

    注意：
    (1)如果括号参数为空或者false，则为浅拷贝，只克隆节点本身，不克隆里面的子节点。
    (2)如果括号参数为true，则是深拷贝，会复制节点本身以及里面的所有的子节点。
    **

    1. <!DOCTYPE html>
    2. <html>
    4.     <head>
    5.         <meta charset="UTF-8">
    6.         <title></title>
    7.     </head>
    9.     <body>
    10.         <ul>
    11.             <li>1</li>
    12.             <li>2</li>
    13.             <li>3</li>
    14.             <li><span>123</span></li>
    15.         </ul>
    16.     </body>
    18.     <script>
    19.         //获取元素
    20.         var ul=document.querySelector("ul");
    21.         //复制节点,浅拷贝，只克隆节点本身，不克隆里面的子节点
    22.         var clone=ul.children[0].cloneNode();
    23.         //把复制的节点添加进去
    24.         ul.appendChild(clone);
    26.         //复制节点，深拷贝，会复制节点本身以及里面的所有的子节点。
    27.         var clone2=ul.children[3].cloneNode(true);
    28.         //把复制的节点添加进去
    29.         ul.appendChild(clone2);
    30.     </script>
    32. </html>