Javascript でテーブルの行とセルを反復処理するにはどうすればよいですか?

JavaScript でテーブルの行とセルを反復処理する

HTML テーブルを操作する場合、多くの場合、その行とセルを反復処理して取得する必要があります。データを取得したり、計算を実行したりできます。 JavaScript を使用してこれを実現する 2 つの方法は次のとおりです。

オプション 1: 行と列の反復

テーブル内の各行と列を反復するには、次のコマンドを使用します。構文:

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   // Iterate through rows
   for (var j = 0, col; col = row.cells[j]; j++) {
     // Iterate through columns
   }  
}

このループでは、row は現在の行を表し、col は現在のセルを表します。 Col.innerHTML を使用してセル内のデータにアクセスできます。

オプション 2: セルのみを反復処理する

セルのみを反復処理する場合は、

var table = document.getElementById("mytab1");
for (var i = 0, cell; cell = table.cells[i]; i++) {
     // Iterate through cells
}

このループでは、cell は現在のセルを表し、cell.innerHTML を使用してそのデータにアクセスできます。

以上がJavascript でテーブルの行とセルを反復処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。