Maison >interface Web >js tutoriel >Comment puis-je parcourir les lignes et les cellules d'un tableau HTML en JavaScript ?

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

Barbara Streisand
Barbara Streisandoriginal
2024-11-06 08:24:02378parcourir

How can I iterate through HTML table rows and cells in 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Leçons de mon premier projetArticle suivant:Leçons de mon premier projet