将分区内容复制到第二分区

Copying Div Contents into Second Div

本文关键字:分区 复制      更新时间:2023-11-07

如何克隆一个div的所有内容(包括输入或其他标记的内存数据)并将它们放入另一个div?

我尝试使用innerHTML属性,但在此期间不会复制任何输入到文本框中的信息。

有人有什么解决方案吗?

简单的javascript:使用var clone = [somediv].cloneNode(true)。如果适用,请确保更改克隆的id!cloneNode(true)将复制原始的所有属性和子节点,好像它也将复制输入字段的值。它不会复制分配给原始元素的处理程序。另请参阅MDN

我已经编辑了这个jsfiddle(旨在回答另一个SO问题)来演示它。

您可以使用jQuery的.clone(true):http://api.jquery.com/clone/

如果没有jQuery,您可以使用

var clone = cloneNode(true);

然后将该节点附加到您喜欢的任何位置,例如

var targetNode = documentGetElementById('someID');
targetNode.appendChild(clone);