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