Comment itérer dans les lignes et les cellules d'un tableau en JavaScript ?

Question

Si j'ai un tableau HTML...disons

<div id="myTabDiv">
<table name="mytab" id="mytab1">
  <tr> 
    <td>col1 Val1</td>
    <td>col2 Val2</td>
  </tr>
  <tr>
    <td>col1 Val3</td>
    <td>col2 Val4</td>
  </tr>
</table>
</div>

Comment puis-je itérer dans toutes les lignes du tableau (en supposant que le nombre de lignes puisse changer à chaque vérification) et récupérer les valeurs de chaque cellule de chaque ligne à partir de JavaScript ?

Answer 1

Il s'agit d'une méthode différente utilisant le childNodes et HTMLCollection

    <script>
        var tab = document.getElementsByTagName("table")
        for (var val of tab[0].childNodes[1].childNodes.values())
            if (HTMLCollection.prototype.isPrototypeOf(val.children)) {
                for (var i of val.children) {
                    console.log(i.childNodes[0])
                }
            }
    </script>