在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()方法很简单,没太多要讲的东西。