JS achieve replication element, cloning manner,
As shown below:
code show as below:
<!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>