HTML DOM Element cloneNode() メソッド
- 前のページ clientWidth
- 次のページ closest()
- 上一层に戻る HTML DOM Elements オブジェクト
定義と用法
cloneNode() メソッド メソッドはノードのコピーを作成し、そのコピーを返します。
cloneNode() メソッド すべての属性および値をクローンするメソッドです。
子孫（子要素）もクローンしたい場合は、deep パラメータを true。
戻す
クローンされたノードをドキュメントに戻すには、以下を使用してください：
も参照してください：
インスタンス
例 1
「myList2」から「myList1」に <li> 要素をコピーします：
const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);
クローン前：
- コーヒー
- お茶
- 水
- ミルク
クローン後：
- コーヒー
- お茶
- ミルク
- 水
- ミルク
例 2
「demo」要素をコピーし、属性および子要素を含めてドキュメントに追加します：
const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);
構文
node.cloneNode(deep)
パラメータ
| パラメータ | 説明 |
|---|---|
| deep |
オプション。
|
返り値
| タイプ | 説明 |
|---|---|
| Node オブジェクト | クローンされたノード。 |
ブラウザのサポート
element.cloneNode() DOM レベル 1 (1998) 特性です。
すべてのブラウザが完全にサポートしています：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ clientWidth
- 次のページ closest()
- 上一层に戻る HTML DOM Elements オブジェクト
