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

published:

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

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

HTML

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

JavaScript

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

Previous Article

Next Article