javascript как поменять элементы местами с помощью insertBefore

Пример имеет в коде несколько элементов li и последние два мы хотим поменять местами:

<div>
<span id="s1">span</span>
<span id="s2">span</span>
<span id="s3">span</span>
</div>

С помощью метода insertBefore мы можем поменят местами элементы в ДОМ:

<script>
document.querySelector( "div" ).insertBefore (document.querySelector ("#s3"), document.querySelector ("#s2") );
</script>

первый аргумент это что мы берем

второй аргумент - это перед чем мы ставим