Comment extraire des données de tableaux HTML en JavaScript ?

Récupération de données à partir de tableaux HTML en JavaScript

L'itération dans les lignes et les cellules d'un tableau est essentielle pour extraire des données à partir de tableaux HTML en JavaScript. Voici comment y parvenir de manière globale :

1. Parcourez toutes les lignes du tableau :

Utilisez la propriété rows de l'élément table pour accéder à des lignes individuelles. L'exemple suivant illustre comment parcourir toutes les lignes du tableau :

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
    // Access current row using the 'row' variable
}

2. Parcourez les colonnes de chaque ligne :

Dans chaque ligne, utilisez la propriété cell pour récupérer les cellules du tableau. L'extrait suivant montre comment parcourir les colonnes pour chaque ligne :

for (var i = 0, row; row = table.rows[i]; i++) {
    for (var j = 0, col; col = row.cells[j]; j++) {
        // Access current cell using the 'col' variable
    }
}

3. Itérer uniquement sur les cellules du tableau :

Si l'identification des lignes n'est pas critique, vous pouvez parcourir directement toutes les cellules du tableau en utilisant la propriété cell de l'élément tableau :

for (var i = 0, cell; cell = table.cells[i]; i++) {
    // Access current cell using the 'cell' variable
}

Cette approche permet une extraction efficace des données sans tenir compte des informations sur les lignes.

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!