Dzwebs.Net

撰写电脑技术杂文十余年

克隆一模一样的DIV

Admin | 2015-6-2 10:33:39 | 被阅次数 | 4804

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  如何把网页中的某个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);


该杂文来自: 网页制作杂文

上一篇:JS实现DIV动态修改坐标的代码

下一篇:div内容超出范围自动隐藏

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计