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);

コメント☆

アイコン: (未実装)

トラックバック


トップページへ