結論

ある親となるHTML要素に、すでに存在している子要素をinsertBeforeで挿入しようします。すると子要素は関数で指定した場所に移動します。

insertBefore関数

.js

(親).insertBefore(newNode, referenceNode)

は、ある親が持つreferenceNodeの前に、newNodeを挿入する関数です。¹HTML要素を追加する目的で使用する想定だと思います。しかし、下記の2つの仕様を持っているため、HTML要素を移動させるときにも利用できます。

サンプルコードで実際の挙動を確認いただけると幸いです。

以上です。