六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

克隆一模一样的DIV

Admin | 2015-6-2 10:33:39 | ReadNums | 1711 | 标签 网页制作 | 打印本页
     

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


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日