2018/09/19 水 18:19
Javascript DOM要素を入れ替える
<ul id="elem">
<li>Kiki</li>
<li>Lala</li>
<li>Popo</li>
<li>Nana</li>
</ul>
Nanaを先頭に移動させる
var elem = document.getElementById("elem");
var elemchild = elem.children;
var m1 = elemchild[3];
var m2 = elemchild[0];
elem.removeChild(m1);
elem.insertBefore(m1, m2);
KikiをNanaの後に移動させる
var m1 = elemchild[0];
var m2 = elemchild[3];
elem.removeChild(m1);
elem.insertBefore(m1, m2.nextSibling);
末尾に追加
elem.appendChild(m1); // or
elem.insertBefore(m1, elem.lastElementChild.nextSibling);
elem.insertBefore(m1, null);
先頭に追加
elem.insertBefore(m1, elem.firstElementChild);
