JavaScript オブジェクト

JavaScript リファレンスマニュアル

cloneNode()このメソッドの役割は:このメソッドを呼び出したノードのコピーを返します。

cloneNode()メソッドはすべての属性及其値をクローンします。

を使用してappendChild()またはinsertBefore()このメソッドはクローンされたノードをドキュメントに挿入します。

注意： cloneNode()はドキュメント内の要素IDの重複を引き起こす可能性があります。

node.cloneNode(deep)

例

var　node　=　document.querySelector("#box").firstElementChild;
var　copy　=　node.cloneNode(true);
document.getElementById("result").appendChild(copy);

すべてのブラウザが完全にcloneNode()メソッドをサポートしています：

メソッド
cloneNode()	はい	はい	はい	はい	はい

パラメータ	説明
deep	（オプション）ノードのすべての後継子をクローンするかどうかを指定します。可能な値：真 -クローンされたノード、その属性、その子孫偽 -デフォルトでは、ノードとその属性のみをクローンします。

返り値：	クローンされたノードを表すNodeオブジェクト
DOMバージョン：	DOMレベル1

DIV要素（属性と子要素を含む）をコピーし、ドキュメントに追加します：

例

var　node　=　document.querySelector("#box");
var　copy　=　node.cloneNode(true);
document.body.appendChild(copy);