【JavaScript】メソッド「.insertAdjacentHTML」

基本の書き方

要素.insertAdjacentHTML("挿入位置", 挿入内容text);

読み方・意味

インサート・アジェイサントHTML
隣接　＝　Adjacent
挿入　＝　insert

挿入位置指定の第一引数4種類

1、beforebegin
要素の直前に挿入します。

2、afterbegin
要素の中の先頭に挿入します。

3、beforeend
要素の中の末に挿入します。

4、afterend
要素の直後に挿入します。

<div>TEST</div>
⇩
1、beforebegin<div>2、afterbeginTEST3、beforeend</div>4、afterend