javascript - 在 dom 中移动 div 的最快方法是什么？

Question

我对在 dom 中移动 div 有点迷茫。我基本上需要更改一些 div 的顺序。我应该删除它然后以某种方式重新插入它还是有更好的方法将它移动到 dom 树中。

感谢任何见解。

Answer 1

如果您只需要移动它，而不需要使用 JavaScript 对元素进行任何触发回流的更改，只需使用 appendChild()。

另一方面，如果您需要对元素进行更改，更新其属性或会触发文档重排的“物理”尺寸，那么值得将其从 DOM 中删除，进行更改，然后使用 appendChild() 或 insertBefore()。

请记住，已经有一个文档重排，只需重新定位元素即可，但如果要进行任何其他更改，请尝试在重新插入之前使用元素/节点作为 documentFragment“在幕后”进行这些更改.

引用资料:

• appendChild() .
• insertBefore() .