tofacebook.com -专业IT技术社区 【百家号】脸书百科,js循环复制一个div Web程序 - tofacebook.com-专业IT技术社区
78°

【百家号】脸书百科,js循环复制一个div Web程序

标签:rip   body   pen   document   method   one   set   ntb   插入   

<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

js循环复制一个div

标签:rip   body   pen   document   method   one   set   ntb   插入   

原文地址:https://www.cnblogs.com/cailijuan/p/9360615.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: