在JavaScript中，我们可以使用cloneNode()方法来实现复制元素。

语法：

obj.cloneNode(bool)

说明：

参数obj表示被复制的元素，而参数bool是一个布尔值，取值如下。

    举例：

    在线测试
    <!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        window.onload = function () 
        {
            var oBtn = document.getElementById("btn");
            oBtn.onclick = function () 
            {
                var oUl = document.getElementById("list");
                document.body.appendChild(oUl.cloneNode(1));
            }
        }
    </script>
</head>
<body>
    <ul id="list">
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>
    <input id="btn" type="button" value="复制" />
</body>
</html>

    默认情况下，预览效果如下图所示。

    当我们点击【复制】按钮后，此时预览效果如下图所示。

    分析：

    当我们点击【复制】按钮后，就会在body中把整个列表复制并插入。cloneNode()方法很简单，没太多要讲的东西。