HTML文字列を特定の位置に挿入

HTML文字列を特定の位置に挿入するには、element.insertAdjacentHTMLメソッドを使用します。

構文

引数

引数名 説明
第一引数 必須 position string 挿入位置。設定可能な値は次を参照。
引数"position"の設定可能値
第二引数 必須 text string 挿入する文字列。
タグが含まれる場合はHTMLとして挿入される。

引数"position"の設定可能値

説明
'beforebegin' elementの直前(兄弟)に挿入
'afterbegin' element内部の最初の子要素の前に挿入
'beforeend' element内部の最後の子要素の後に挿入
'afterend' elementの直後(兄弟)に挿入

サンプルコード

JavaScript

JavaScript逆引きリファレンス一覧へ戻る