C# と VB.NET の質問掲示板

わんくま同盟

ASP.NET、C++/CLI、Java 何でもどうぞ

C# と VB.NET の入門サイト


(過去ログ 92 を表示中)
■54803 / )  Re[1]: javaScriptでのtable操作が遅い
□投稿者/ もりお (301回)-(2010/11/02(Tue) 19:17:54)
2010/11/02(Tue) 19:53:50 編集(投稿者)
No54798 (田中ソフィア さん) に返信

> なお最大9000個近くのtr * 35個のtdを持つテーブルを作成しております。

ずいぶん大量ですね。
document.getElementById で取得するのは td オブジェクトでしょうか。
document.getElementById によるオブジェクトの取得と、innerText に伴う
レンダリングに時間がかかるのではないかと妄想します。

table をレンダリングしないようにして table オブジェクトのプロパティ経由で td
を参照してみてはいかがでしょうか。

<table id="table1" style="display:none">
  <tr>
    ...
</table>

<script type="text/javascript">
  function clearTable() {
    var table1 = document.getElementById("table1");
    var rows = table1.rows;
    var rowsLength = rows.length;
    for (var rowIndex = 0; rowIndex < rowsLength; rowIndex++) {
      var row = rows[rowIndex];
      var cells = row.cells;
      var cellsLength = cells.length;
      for (var cellIndex = 0; cellIndex < cellsLength; cellIndex++) {
        var cell = cells[cellIndex];
        cell.innerText = "";
      }
    }
    table1.style.display = "block";
  }
</script>

返信 編集キー/


管理者用

- Child Tree -