js循环复制一个div分析

java哥 阅读:189 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.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容