我有三个div
,我希望每次我点击任何一个div,它都会被第二个div替换,这个div应该在中间.
我试过这样做,但没有效果:
function swapDiv(event, elem) {
elem.parentNode.insertBefore(elem, elem.parentNode.secondChild);
}
<div class="all-div-container">
<div class="div1" onclick="swapDiv(event,this);">
1
</div>
<div class="div2" onclick="swapDiv(event,this);">
2
</div>
<div class="div3" onclick="swapDiv(event,this);">
3
</div>
</div>
1 2 3,当我点击3,结果一定是1 3 2,点击1,结果一定是3 1 2