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>

将一些HTML从一个地方传送到另一个地方

1 个答案: