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