javascript - 如何移动 DOM 中的元素？

Question

我想更改 #superWidget 在 DOM 中的位置。我想将其从 #wrapperB 中删除并将其放入 #wrapperA 中。

<div id="wrapperA">
  <div id="superWidget"></div>
</div>
<div id="wrapperB"></div>

<小时/>

我已经尝试过以下...

var copy = $("#superWidget").clone(true, true);
$("#superWidget").remove();
$("#wrapperA").append(copy);

...但是这破坏了我的页面使用的许多插件。

我不想重新绑定(bind)一切。有一个更好的方法吗？ (我注意到 jquery UI sortable 能够以某种方式在 DOM 中移动元素而不破坏任何交互性......一定有办法。)

(提前)感谢您的帮助

Answer 1

不要重复，只需这样做:

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));