javascript - DOM 要素を含むフォームのコピーを作成する方法

Question

すべてのフォーム要素を含むフォームのコピーを作成して、コピーを操作し、元のフォームを変更しないようにするにはどうすればよいでしょうか?

Answer 1

cloneNodeこのようなプレーンなJavaScriptを使用する

var dupNode = node.cloneNode(deep);

例

var p = document.getElementById("para1"),
var p_prime = p.cloneNode(deep);
//「deep」が true に設定されている場合、すべての子ノードも複製されます。
// false に設定すると、子ではなくノードのみ

これがドキュメントです。

それが役立つことを願っています。

Answer 2

jQuery クローン オブジェクトを次のように使用します。

var cloned_object = $( ".hello" ).clone().

そしてそれをdomに追加します

cloned_object.appendTo( ".goodbye" );

参照は次のとおりです。

http://api.jquery.com/clone/