如何交换两个DOM节点

这是阿里面舍友的一道题，这题的本身没难度，考察对DOM的基本操作，只是当时对DOM的操作了解甚少．接下来附上我的代码：

<div id="parent">
    <span id="a1">a</span>
    <span id="b1">b</span>
</div>
<script>
    let changeNode = document.getElementById("b1");
    let existingnode= document.getElementById("a1");
    let p= document.getElementById("parent");
    p.insertBefore(changeNode,existingnode);
</script>

效果如下：

交换之前.png 交换之后.png

如何交换嵌套关系的两个元素，即将更新，敬请期待！

<em>如有帮助，请点个喜欢哦～</em>