Как выполнить копирование элемента?

Question

[Михаил]

Не пойму, почему у меня переносит элемент, а не копирует его.

<button id="add">Копировать</button>
<hr> 
<div id="hran">блок1 
  <div class="item first"></div>
</div>
<hr> 
<div id="items">блок2</div>

document.getElementById('add').onclick = function(){
  var items = document.getElementById('items');
  var item = document.getElementsByClassName('item')[0];
  item.cloneNode(true);
  items.appendChild(item);
}

Нужно, чтобы элемент .item оставался в первом блоке, и копировался во второй блок.

вот тут пример
https://codepen.io/mk3mk/pen/MMQyzP

Answer 1

[Alexey Bille]

https://codepen.io/alebi/pen/ewVZox