javascript - 将一些 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>