Teleportieren von HTML von einem Ort zum anderen

Question

Ich habe etwas wie dieses (abstraktes Beispiel)

<div id="placeN1">
    <div id="myDiv" style="color:gray;">
        <div id="innerDiv">Some content</div>
    </div>
</div>
<div id="placeN2">
    I want to move myDiv here    
</div>

<script type="text/javascript">
    var myDivElement = document.getElementById('myDiv');
    myDivElement.onclick = function(){ alert('click'); };
</script>

Ich möchte ein Html-Element (mit allen Stilen und Ereignissen, die angehängt wurden) von einem Ort zu einem anderen, wie zu tun, dass in reinen Javascript verschieben?

Answer 1

Dadurch wird das Element verschoben, aber es hängt davon ab, wie Ihre CSS- und JS-Ereignisse deklariert/angehängt sind, ob sie noch funktionieren werden.

<script type="text/javascript">
    var myDivElement = document.getElementById('myDiv');
    var div2 = document.getElementById('placeN2');

    myDivElement.onclick = function(){ div2.appendChild(myDivElement);};
</script>