例
コピー<li>別のリストから要素を：
// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Copy the <li> element and its child nodes
var cln =
itm.cloneNode(true);
// Append the cloned <li> element to <ul> with
id="myList1"
document.getElementById("myList1").appendChild(cln);クローニングの前に：
- Coffee
- Tea
- Water
- Milk
クローニングの後：
- Coffee
- Tea
- Milk
- Water
- Milk
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
cloneNode()メソッドは、ノードのコピーを作成し、クローンを返します。
cloneNode()メソッドクローンすべての属性とその値。
ヒント：使用appendChild()またはinsertBefore()ドキュメントにクローニングされたノードを挿入する方法。
ヒント：あなたはすべての子孫クローンを作成する場合はtrueに深いパラメータ値を設定します(children)それ以外の場合はfalse。
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| cloneNode() | はい | はい | はい | はい | はい |
構文
パラメータ値 パラメーター タイプ 説明 deep Boolean 任意。 ノードのすべての子孫を複製するかどうかを指定します。
- 真-ノード、その属性、 およびその子孫を複製
- 偽 - デフォルト。 クローンのみのノードとその属性
技術的な詳細
戻り値： クローニングされたノードを表すノードオブジェクト DOMバージョン コアレベル1ノードオブジェクト
その他の例
例
コピー<div>のすべての属性と子要素を含む、要素を、ドキュメントにそれを追加します。
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); »それを自分で試してみてください
関連ページ
HTML DOMリファレンス： href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML DOMリファレンス： href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML DOMリファレンス： href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML DOMリファレンス： href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method