如何把网页中的某个div复制以后,生产另外一个div,后者与前者完全一样,就像克隆出来的一样,当然,唯一不同的,那就只有ID不能相同了,这该如何实现呢?
网上很多地方都讲得不明白,其实,方法很简单。
比如,网页原本就有如下的一个div对象
<div id="GetDiv" style="border-width:1px; border-style:dotted; overflow:hidden; position:fixed; width:1000px;">
div内容内容内容
</div>
下面,我们使用JS代码来实现,将其克隆出来生成一模一样的div,当然,ID是绝对不能相同的,其它完全相同。
var GetDiv1 = document.getElementById("GetDiv");
var MyDiv = window.document.createElement("div");
MyDiv.setAttribute("id","MyNewDiv");
MyDiv.style.position="fixed";
MyDiv.style.overflow="hidden";
MyDiv.style.zIndex="8888";
MyDiv.style.background="#FF9900";
MyDiv.innerHTML=GetDiv1.innerHTML;
window.document.body.appendChild(MyDiv);
这样就可以了。
最后,如果你想删除新产生的这个div,可使用下面的代码:
MyDiv.parentNode.removeChild(MyDiv);