JavaScript Ajoutant une autre Div données sur la Balise Div Dynamiquement

Je veux ajouter le contenu d'un déjà défini "vieux div" tag de la "nouvelle div" tag dynamiquement mais sa ne fonctionne pas. Le code que j'ai essayé est attaché ci-dessous.
Et encore une question, comment faire pour supprimer qui est annexé balise div dynamiquement?

<html>
<head>
<script type="text/javascript">

function add() {

var i = document.getElementById( 'old' );
var d = document.getElementById( 'new' );
d.appendChild( i );
}
</script>

</head>
<body>
<div id="old">
Content of old div
</div>

<div id="new">
</div>
<button onclick="add()">Add</button>
</body>
</html>
  • C'est sûr, c'est une excellente idée.