[JavaScript] 要素を追加する

■子供要素を追加する方法

appendChildだと親要素の最後に子要素を追加できる

elem.appendChild(childElem);


先頭に追加したい場合はinsertBeforeを使う
insertBeforeは指定した要素の前に、新しい要素を追加できる

parent.insertBefore(追加したい要素, 既存要素);


なので先頭に追加したい場合は

parent.insertBefore(追加したい要素, parent.firstChild);

これで現状の最初の子要素の前に新要素を追加できる



■指定の場所に追加する

指定の要素の前に追加できる

node.insertBefore(elem);


参考
 [JavaScript] DOM Nodeに子ノードを