javascript - ページに JavaScript データを追加する場合、新しい要素を作成するのと既存の要素を入力するのとではどちらが効率的でしょうか?

Question

データを使用して新しい HTML 要素を作成することにより、API 応答データを追加するページがあります。

ページ上に HTML 要素を作成し、スクリプトを介して取得してから入力する必要がありますか?

それらをJSで作成するのは効率が悪いですか、それとも問題ではありませんか?

ありがとう

Answer 1

要素の内容を変更するか、要素を追加しますか?

ほとんどの場合、どちらの場合も再描画が必要です。そのため、多くの要素を変更する必要がある場合の最も効率的な解決策は、それらの要素をdocumentFragmentに作成し、代わりに一度にすべてを DOM に追加することです。 DOM に既に存在する多くの要素の内容を変更するため、操作ごとに再描画が必要になります。

ちなみに、要素の複製は、新しい要素を作成するよりも高速です。