javascript - 将一个 div 从一个 div 内部移动到另一个 div

Question

如何将一个 div 的内容移动到另一个 div 的内容？

我想将 .sidebar 从 .post 移动到 .carousel。如何使用 javascript 来实现？

我想从这里开始:

<div class="container">
  <div class="carousel">
    <div class="row">
      <div class="post">
    <div class="sidebar"></div>
      </div>
</div>
  </div>
</div>

为此:

<div class="container">
  <div class="carousel">
    <div class="row">
      <div class="post"></div>
      <div class="sidebar"></div>
    </div>
  </div>
</div>

Answer 1

document.getElementsByClassName('row')[0].appendChild(document.getElementsByClassName('sidebar')[0]);