javascript - Div の内容を 2 番目の Div にコピーする

Question

div のすべてのコンテンツ (input やその他のタグのメモリ データを含む) を複製して別の div に配置するにはどうすればよいですか?

プロパティを使用してみinnerHTMLましたが、その間にテキスト ボックスに入力された情報はコピーされません。

誰にも解決策はありますか？

Answer 1

プレーンな JavaScript: を使用しますvar clone = [somediv].cloneNode(true)。該当する場合は、クローンの ID を必ず変更してください。cloneNode(true)元のすべてのプロパティと子ノードをコピーし、入力フィールドの値もコピーします。元の要素に割り当てられたハンドラはコピーされません。MDNも参照

このjsfiddleを編集して（別のSO質問に回答することを目的としています）、それを実証しました。

Answer 2

jQueryがなければ、使用できます

var clone = cloneNode(true);

次に、そのノードを好きな場所に追加します

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

Answer 3

jQuery を使用できます.clone(true): http://api.jquery.com/clone/