Wie iteriere ich in Javascript durch Tabellenzeilen und -zellen?

Iterieren durch Tabellenzeilen und -zellen in JavaScript

Bei der Arbeit mit HTML-Tabellen ist es zum Abrufen häufig erforderlich, deren Zeilen und Zellen zu durchlaufen Daten abrufen oder Berechnungen durchführen. Hier sind zwei Möglichkeiten, dies mit JavaScript zu erreichen:

Option 1: Durch Zeilen und Spalten iterieren

Um jede Zeile und Spalte in einer Tabelle zu durchlaufen, verwenden Sie Folgendes Syntax:

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

In dieser Schleife stellt row die aktuelle Zeile und col die aktuelle Zelle dar. Sie können mit col.innerHTML auf die Daten innerhalb einer Zelle zugreifen.

Option 2: Nur durch Zellen iterieren

Wenn Sie nur durch die Zellen iterieren möchten, ignorieren Sie die Zeilen verwenden Sie den folgenden Code:

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

In dieser Schleife stellt Zelle die aktuelle Zelle dar und Sie können mit cell.innerHTML auf deren Daten zugreifen.

Das obige ist der detaillierte Inhalt vonWie iteriere ich in Javascript durch Tabellenzeilen und -zellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!