瞬移一些HTML從一個地方到另一個地方

Question

我有這樣的事情（抽象的例子）

<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> 

我想搬到一個HTML元素（與所有樣式和事件，其中附後）形成一個地方到另一個地方，如何在純JavaScript中做到這一點？

Answer 1

這將移動該元素，但它取決於您的CSS和JS事件如何聲明/附加，如果它們仍然可以運行。

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

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