javascript - JavaScript で要素を作成する最良の方法

Question

JavaScript で要素を作成するための最良の方法は何ですか? 私は以下を使用して要素を作成することについて知っています:

文字列の例:

var div="<div></div>"

そして別の方法は

document.CreateElement('div').

高性能を達成するための最良の方法はどれですか? これを達成する他の方法はありますか？

score 1 · Accepted Answer

単一の「最善」のアプローチはありません。最善の方法は状況によって異なります。

基本的に次の 2 つの選択肢があります。

DOM メソッドを使用して要素を作成し ( document.createElement('tagName'))、それらを DOM に追加/挿入する ( appendChild、insertBefore)、または
既存の要素で使用innerHTMLし、HTML 文字列をそれに割り当てます。ブラウザは HTML を解析してレンダリングします。

ほんの数年前までinnerHTMLは、はるかに高速でした。しかし、最近のバージョンのブラウザーでは DOM アクセスの速度が劇的に改善されているため、実際には、実行している全体的なタスクに最適なものを選択する必要があります。

score 0 · Accepted Answer

あなたがそうするつもりだったと確信しているように、それをあなたの体に追加するdiv="<div></div>"と、それはうまく機能しますが、非効率的です.

要素を作成すると、独自のオブジェクトが作成されます。var を使用する最初のオプションdivは、文字列にメモリを割り当て、次にオブジェクト自体にメモリを割り当てます。とにかく、それを個別に参照する必要があります。基本的に、ブラウザの作業が 2 倍になります。

2 に答える 2