使用Javascript。我正在尝试复制一个div并在fo中动态命名它。以下两项似乎都不起作用:
var origDiv = document.getElementById("outerSquare");
for (i=1; i<=4; ++i){
newDiv = document.body.appendChild(origDiv.cloneNode(true));
// newDiv.id = "block"+i;
newDiv.setAttribute("id", "block"+i);
}
这是小提琴:http : //jsfiddle.net/dmperkins74/5r01zyma/
有趣的是,它似乎只复制了我的“ outerSquare”中的div。如果我取消重置ID的尝试,那么一切都会失败。任何见解将不胜感激。
谢谢,丹·P。
使用类别:
<div class="outerSquare">
<div class="innerSquare"></div>
</div>
var origDiv = document.getElementsByClassName("outerSquare")[0];
for (i=1; i<=4; ++i){
newDiv = document.body.appendChild(origDiv.cloneNode(true));
newDiv.style.left = i*40 +"px";
newDiv.style.top = i*40 +"px";
// newDiv.id = "block"+i;
//newDiv.setAttribute("id", "block"+i);
}
origDiv.style.left = "200px";
block2.style.left = "400px";
http://jsfiddle.net/5r01zyma/3/没有id重复,没有样式问题。
通过更改ID,您将无法应用旧的CSS样式。那是问题。PS现在,您可以根据需要添加ID。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句