JavaScript で要素の直前に HTML の文字列を挿入する

published: 2019.10.21 / modified:

JavaScript で、 insertAdjacentHTML メソッドを利用して、指定した要素の直前に HTML の文字列を挿入する。

insertAdjacentHTML メソッドは、第一引数に挿入位置を、第二引数に HTML の文字列を指定する。
指定した要素の直前に HTML の文字列を挿入する場合は、第一引数に文字列 'beforebegin' を指定する。

HTML

<p id="example">サンプルテキスト</p>

JavaScript

var p = document.getElementById('example');
p.insertAdjacentHTML('beforebegin', '<p>直前に挿入される</p>');

Previous Article

Next Article