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

ドキュメントオブジェクトモデル (DOM)ElementインスタンスプロパティariaActiveDescendantElementariaAtomicariaAutoCompleteariaBrailleLabelariaBrailleRoleDescriptionariaBusyariaCheckedariaColCountariaColIndexariaColIndexTextariaColSpanariaControlsElementsariaCurrentariaDescribedByElementsariaDescriptionariaDetailsElementsariaDisabledariaErrorMessageElementsariaExpandedariaFlowToElementsariaHasPopupariaHiddenariaInvalidariaKeySh

[tacamy]

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

[s56bouya]

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

[nobuoka]

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

[nilab]

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

[hkdnet]

なるほどこれかあ