0
  1. このHTMLモックアップがあるとします。
  2. 情報(値ヘッダー)を定期的に1秒で更新する必要があるとします。これは、モックアップ内のすべてのテーブルに対して実行する必要があります。WebSocketを介してJSON形式でデータを取得します。

問題は、テーブル内のデータを更新するための最良の方法は何ですか?コンテンツを削除して新しいDOM要素を作成するか、それともDOM要素を検索してその値を更新しますか?

4

2 に答える 2

0

最速の方法は、jsでDOM要素への参照を保持することです-それぞれを作成します

tableRefs[row][col]=document.createElement('td');

そしてそれへの参照を保ちます。次に、更新するだけです

tableRefs[row][col].innerHTML='yourDataHere';

古い/パフォーマンスの低いデバイスで実行することを計画していて、データが約100行でない限り、パフォーマンスについて心配する必要はありません。

于 2013-02-20T11:50:45.317 に答える
0

私はjqueryを介してセレクターアクセスを行うことになりました。クラスセレクターで更新する必要のある値を簡単に識別できることを忘れたため、HTMLモックアップを更新しました。以前はこのクラスセレクターを持っていましたが、モックアップを簡略化してここで質問しました。ここでパフォーマンステストが行​​われます。この答えは私の場合には当てはまりませんが、完全に有効です

値を更新するための有効なコードは次のとおりです。

$('.values').each(function() {
  if ($(this).html() != " ") {
    $(this).text("UP1");
  }
});

jqueryルックアップを特定のテーブル(HTMLモックアップのテーブルの例)に絞り込むこともできます。

$('#tableWrap_group_1 .values').each(function() {
  if ($(this).html() != " ") {
    $(this).text("UP1");
  }
});
于 2013-02-21T07:35:47.030 に答える