Comment puis-je parcourir les lignes et les cellules d'un tableau HTML en JavaScript ?

Itérer dans les lignes et les cellules d'un tableau HTML en JavaScript

Itérer dans les lignes et les cellules d'un tableau HTML à l'aide de JavaScript vous permet d'accéder et de manipuler les contenu d'un tableau de manière dynamique. Voici les étapes pour y parvenir :

Pour parcourir les lignes du tableau et récupérer les valeurs des cellules, utilisez l'approche suivante :

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   // Access each row using "row"
   for (var j = 0, col; col = row.cells[j]; j++) {
     // Access each column using "col"
   }  
}

Cette méthode vous permet d'accéder à la fois à la ligne et à la cellule du tableau. chaque itération de boucle.

Si vous avez uniquement besoin de parcourir les cellules, quelle que soit la ligne, utilisez ce code :

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

Cette approche parcourt directement les cellules du tableau.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!