將Div內容複製到第二個分區

Question

如何克隆div的所有內容（包括輸入或其他標記的內存數據）並將它們放入另一個div？

我嘗試使用innerHTML屬性，但不會複製在此期間輸入到文本框中的任何信息。

有沒有人有任何解決方案？

Answer 1

普通的JavaScript：使用var clone = [somediv].cloneNode(true)。如果適用，一定要更改克隆的ID！ cloneNode(true)將複製原始文件的所有屬性和子節點，它也會複製輸入字段的值。它不會複製分配給原始元素的處理程序。參見MDN

我編輯了this jsfiddle（用於回答另一個SO問題）來演示它。

Answer 2

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

Answer 3

沒有jQuery的，你可以使用

var clone = cloneNode(true); 

然後追加節點等。無論您喜歡如

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