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

■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>