javascript - 将 div 内容复制到第二个 div

Question

如何克隆 div 的所有内容（包括输入或其他标签的内存数据）并将它们放入另一个 div？

我尝试使用该innerHTML属性，但同时不会复制输入到文本框中的任何信息。

有没有人有任何解决方案？

Answer 1

纯 JavaScript：使用var clone = [somediv].cloneNode(true). 如果适用，请务必更改克隆的 ID！cloneNode(true)将复制原始的所有属性和子节点，afiak 它还将复制输入字段的值。它不会复制分配给原始元素的处理程序。另请参阅MDN

我已经编辑了这个 jsfiddle（打算回答另一个 SO-question）来演示它。

Answer 2

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

Answer 3

没有 jQuery，你可以使用

var clone = cloneNode(true);

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

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