javascript - 如何在 JavaScript 中交换 DOM 子节点？

Question

交换子节点顺序的最简单方法是什么？

例如，我希望 childNode[3] 成为 childNode[4]，反之亦然。

Answer 1

无需克隆。您可以将一个节点移动到另一个节点之前。 .insertBefore() 方法将从当前位置取出它并将它插入其他地方(从而移动它):

childNode[4].parentNode.insertBefore(childNode[4], childNode[3]);

您获得节点的父节点。然后调用父节点的 insertBefore 方法并将其传递给 childNode[4] 节点并告诉它您希望它插入到 childNode[3] 之前。这将为您提供交换他们订单的结果，因此完成后 4 将在 3 之前。

引用 documentation on insertBefore .

插入到 DOM 中的任何节点都会先自动删除，然后再插入回来，因此无需先手动删除它。