1

HTML要素があるとします。

<div class = "variable-content"> </div>

条件に応じて、このdiv内にコンテンツを配置したいと思います。2つのボタンがあるように、ユーザーがbutton_aをクリックすると、このdivにはコンテンツAが含まれ、ユーザーがbutton_bをクリックすると、コンテンツBが表示されます。

2つのアプローチがあります:-

  1. 2つのdivを作成します。1つはコンテンツAで、もう1つはコンテンツBで、そのうちの1つを非表示にします。ユーザーがbutton_aをクリックすると、コンテンツBでDivを非表示にし、コンテンツAdivを表示します。そしてその逆も同様です。

  2. ユーザーがbutton_aをクリックすると、コンテンツAがdivにレンダリングされ、ユーザーがbutton_bをクリックすると、コンテンツBが同じdivにレンダリングされます。

アプローチの利点1:-レンダリングは1回だけで、残りの時間はdivの表示と非表示のみが実行されます。

apprach2の利点:-コードの管理が容易になります。(私は推測する)

2つのアプローチのどちらがより良く効率的か知りたいですか?これを行う他の方法はありますか?

4

1 に答える 1

2

ページに既にあるコンテンツの量と、これを行う要素の数によって異なります。たくさんある場合は、メモリを解放して一部のコンテンツを置き換えます。数が少ない場合は、表示/非表示にするだけで、ブラウザーに DOM 要素の再作成を強制しないでください。

于 2012-09-23T05:34:39.457 に答える