きき☆彡のウェブログ

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