交换两个div（或任何对象）的堆叠顺序

Question

通过纯JavaScript来交换两个div的堆叠顺序是否有一种简单的方法？

假设我有四个div：

<div id="div1">Div number 1</div>
<div id="div2">Div number 2</div>
<div id="div3">Div number 3</div>
<div id="div4">Div number 4</div>

通过（纯）javascript，我想交换div2和div3的堆叠顺序，使它成为：

<div id="div1">Div number 1</div>
<div id="div3">Div number 3</div>
<div id="div2">Div number 2</div>
<div id="div4">Div number 4</div>

我似乎找不到办法做到这一点......

Answer 1

以下函数可用于交换两个元素的位置：

function swapPositions(element1, element2) {
    var copy = element2.cloneNode(true);
    element1.parentNode.insertBefore(copy, element1);
    element2.parentNode.insertBefore(element1, element2);
    element2.parentNode.replaceChild(element2, copy);
}

尝试here。