JavaScriptで要素の入れ替え - replaceChild, cloneNode

ピュア(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 となります。