js循环复制一个div

java哥阅读：988 2020-03-31 18:30:56 评论：0

<html>  
<head>  
<title>Test of cloneNode Method</title>  
<script type="text/javascript" src="test.js"></script>  
</head>  
<body>  
<div id="main">  
<div id="div-0">  
<span>Cloud018 said, </span>  
<span>"Hello World!!!"</span>  
</div>  
</div>  
</body>  
</html>  
 
// test.js  
window.onload = function () {  
var sourceNode = document.getElementById("div-0"); // 获得被克隆的节点对象  
for (var i = 1; i < 5; i++) {  
var clonedNode = sourceNode.cloneNode(true); // 克隆节点  
clonedNode.setAttribute("id", "div-" + i); // 修改一下id 值，避免id 重复  
sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点  
}  
}

标签:JavaScript

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。