要素を複製

要素を複製するには、element.cloneNodeメソッドを使用します。
要素に登録してあるイベントは引き継ぎませんのでご注意ください。

構文

var result = element.cloneNode([deep]);
引数名 初期値 説明
第一引数 deep boolean false 子孫要素も含んで複製するかどうか
true ... 複製
false ... 指定要素のみ

戻り値

複製された要素を返します。

サンプルコード

JavaScript

var elem     = document.getElementById('sample'),
    copyElem = elem.cloneNode(true);

copyElem.removeAttribute('id');

copyElem = document.body.appendChild(copyElem);

JavaScript逆引きリファレンス一覧へ戻る