[解決済み] ある要素を別の要素に移動させるには？

2022-02-16 18:16:06

質問事項

あるDIV要素を別のDIV要素の中に移動させたいのですが、どうすればいいですか？例えば、このように（すべての子要素を含めて）移動させたいのですが。

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

をこの中に入れてください。

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

ということで、こうなりました。

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

プレーンな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>