element.insertAdjacentHTML
DRANK

insertAdjacentHTML() は、第二引数で指定するテキストを HTML または XML としてパースし、その結果であるノードを DOM ツリー内の指定された位置(第一引数で指定)に挿入します。これは挿入先の要素を再度パースするものではないため、既存の要素や要素内部の破壊を伴いません。余分なシリアル化のステップを回避できる分、 innerHTML への代入による直接的な操作よりもはるかに高速な動作となります。

developer.mozilla.org
Related Topics:
1 comments
  • 生のDOM操作で便利なinsertAdjacentHTML🖋

    対象.insertAdjacentHTML(位置, コード);
    の形で、指定箇所にHTMLコードを挿入可能✨

    innerHTMLよりも高速🚅

    新しそうで実はIE6時代から使える古参のメソッド👨‍🦳