HTML文字列を特定の位置に挿入
HTML文字列を特定の位置に挿入するには、element.insertAdjacentHTMLメソッドを使用します。
構文
var sliseString = element.insertAdjacentHTML(position, text);引数
| 引数名 | 型 | 説明 | |
|---|---|---|---|
| 第一引数 必須 | position | string | 挿入位置。設定可能な値は次を参照。 引数"position"の設定可能値 |
| 第二引数 必須 | text | string | 挿入する文字列。 タグが含まれる場合はHTMLとして挿入される。 |
引数"position"の設定可能値
| 値 | 説明 |
|---|---|
| 'beforebegin' | elementの直前（兄弟）に挿入 |
| 'afterbegin' | element内部の最初の子要素の前に挿入 |
| 'beforeend' | element内部の最後の子要素の後に挿入 |
| 'afterend' | elementの直後（兄弟）に挿入 |
サンプルコード
JavaScript
var sampleElem = document.getElementById('sample');
sampleElem.insertAdjacentHTML('afterbegin', '<b>bar</b>');