JS实现元素复制，使用克隆的方式，
如下图：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS元素复制</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<script>
var i =1;
function tianjia() {
var sourceNode = document.getElementById("div-0"); // 获得被克隆的节点对象
var clonedNode = sourceNode.cloneNode(true); // 克隆节点
clonedNode.setAttribute("id", "div-" + i); // 修改一下id 值，避免id 重复
sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点
i=i+1;
}
</script>
<div id="main">
<div id="div-0">
<span>"div---"</span>
</div>
<button id="btn1" onclick="tianjia()">复制</button>
</div>
</body>
</html>
版权声明：本文为vtopqx原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。