如何将一个元素移动到另一个元素？

一尘不染

如何将一个元素移动到另一个元素？

html

我想将一个DIV元素移到另一个元素中。例如，我要移动此对象（包括所有子对象）：

<div id="source">
...
</div>

到这个：

<div id="destination">
...
</div>

这样我有：

<div id="destination">
  <div id="source">
    ...
  </div>
</div>

阅读 485

2020-05-10

共1个答案

一尘不染

曾经尝试过普通的JavaScript … destination.appendChild(source);吗？

onclick = function(){ destination.appendChild(source); }


div{ margin: .1em; }

#destination{ border: solid 1px red; }

#source {border: solid 1px gray; }


<!DOCTYPE html>

<html>



 <body>



  <div id="destination">

   ###

  </div>

  <div id="source">

   ***

  </div>



 </body>

</html>

2020-05-10