@ JavaScript

DOM:ノードをコピーする

ノードは新しく作るだけでなく、コピーして作ることもできます。

cloneNode() メソッド

cloneNode() メソッドはコピーして新しいノードを作るメソッドです。

format

コピーされたノード = コピー元のノード.cloneNode(子ノードのコピー);

引数では true または false で子ノードをコピーするかどうかを指定します。trueであれば子ノードはコピーされます。

clonenode.html

<div id="item">
  <h2>item</h2>
</div>

<script>
var item = document.getElementById("item");
var cloneItem = item.cloneNode(true);
cloneItem.setAttribute("id", "cloneItem");
document.body.appendChild(cloneItem);
</script>