Element: insertAdjacentHTML() メソッド - Web API | MDN

引数 position 文字列で、要素の相対的な位置を表します。以下のいずれかでなければなりません。 "beforebegin" 要素の前。要素が DOM ツリー内にあり、親要素がある場合にのみ有効です。 "afterbegin" 要素のすぐ内側、最初の子の前。 "beforeend" 要素のすぐ内側、最後の子の後。 "afterend" 要素の後。要素が DOM ツリー内にあり、親要素がある場合にのみ有効です。 text HTML または XML として解釈し、ツリーに挿入する文字列です。 返値 なし (undefined)。 例外 このメソッドは、以下の種類の DOMException を発生させることがあります。 NoModificationAllowedError DOMException position が "beforebegin" または "afterend" で、要素が親

[tacamy]

文字列をHTMLとしてパースしてその結果をDOMに挿入して挿入位置も引数で指定できるAPIしらなかった〜〜

[s56bouya]

“挿入先の要素を再度パースするものでなく、即ち既存の要素や要素内部の破壊を伴いません。余分なシリアル化のステップを回避出来る分、 innerHTML への代入による直接的な操作よりもはるかに高速な動作となります。”

[nobuoka]

`Element#insertAdjacentHTML` 今まで知らなかったんだけど……。 なんでみんな教えてくれなかったん……！！！

[nilab]

「insertAdjacentHTML() は、第二引数で指定するテキストを HTML または XML としてパースし、その結果であるノードを DOM ツリー内の指定された位置（第一引数で指定）に挿入します」

[hkdnet]

なるほどこれかあ