js循環復制一個div


<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); // 在父節點插入克隆的節點 
} 
}

原地址:https://zhidao.baidu.com/question/1574784863775980300.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM