JavaScript で新しい要素を特定の要素の前に追加する

published:

JavaScript で新しい要素を特定の要素の前に追加する。
insertBefore() メソッドを使用して、特定の要素の前に追加する。

insertBefore()

1番目の引数に挿入されるノードを指定。
このノードは、2番目の引数に指定したノードの前に挿入される。

HTML

<div>
  <p id="my-paragraph">text</p>
</div>

JavaScript

var newSpan = document.createElement('span');
var newText = document.createTextNode('new span');
newSpan.appendChild(newText);

var paragraph = document.getElementById('my-paragraph');
var container = paragraph.parentNode;
container.insertBefore(newSpan, paragraph);

Previous Article

Next Article