Как копировать содержимое одного div и вставлять в другой div с помощью JS/JQ?

Question

[Stacy None]

Есть блок

<div id="sync1" class="owl-carousel">
  <div class="item"><h1>1</h1></div>
  <div class="item"><h1>2</h1></div>
  <div class="item"><h1>3</h1></div>
</div>

И есть второй блок div

<div id="sync2" class="owl-carousel">
  <div class="item"><h1>1</h1></div>
  <div class="item"><h1>2</h1></div>
  <div class="item"><h1>3</h1></div>
</div>

Как сделать, чтобы всё содержимое #sync1 копировалось в #sync2?

Answer 1

[Islam Ibakaev]

Если на чём-нибудь внутри sync1, например, на дивах, висят обработчики(а очень часто так и будет), то, в идеале, ты не просто хочешь скопировать содержимое, но и обработчики прихватить заодно.

По-моему, в jquery это можно сделать примерно так:

$('#sync1').clone(true).unwrap().appendTo('#sync2');

или если нужно полностью заменить содержимое элемента

$('#sync1').clone(true).unwrap().appendTo( $('#sync2').empty() );

Answer 2

[Stalker_RED]

sync2.innerHTML = sync1.innerHTML

Comments

[Stacy None]

А можно подробней?) Как вставить в html? Спасибо!

[Stalker_RED]

Stacy None, добавил демку

[mr_molodoy]

<script>
  var sync1 = document.getElementById('sync1');
  var sync2 = document.getElementById('sync2');

  sync2.innerHTML = sync1.innerHTML;
<script>

[Анастасия Колесникова]

</script>
В конце забыли тег скрипт закрыть.