要素を DOM に追加する insertBefore と appendChild の使い方です。 insertBeforeで要素の前に挿入する insertBeforeは指定した要素を現在の要素の子要素として対象要素の前に挿入します。文字だけ見ると要素がいっぱいでてきて混乱してしまいますね。 基本構文は以下の通りです。 var insertedElement = parentElement.insertBefore(newElement, referenceElement) parentElement : 挿入したい位置の親要素 newElement : 挿入したい要素 ( 戻り値 insertedElement も同じ ) referenceElement : この要素の前に newElement が挿入される 例えば以下のような DOM が存在した場合、 <div id="articl
![【JavaScript】要素を追加するinsertBeforeとappendChildについて - TASK NOTES](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f999324e1ee6a18f7ef667229cfd703aede10d5/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftasukujp%2F20160417%2F20160417201006.png)