ピュア(Vanilla)な JavaScript での要素の入れ替えの MEMO です。
例えば A と B の要素を入れ替えたい時などに使います。

実装方法

var clone_A = element_A.cloneNode(true)
var clone_B = element_B.cloneNode(true)

element_A.parentNode.replaceChild(clone_A, element_B)
element_B.parentNode.replaceChild(clone_B, element_A)

cloneNode で要素のクローンを作った後に、replaceChild で置換します。
cloneNode の引数は、node の子孫ノードも複製する場合は true
node のみを複製する場合は false となります。