Parcours des éléments du DOM

Bonjour à tous, j'essaye de parcourir tout les elements d'un tableau se trouvant dans une DIV à l'aide de JS, je ne parviens pas à faire fonctionner ma boucle sauriez vous m'indiquer d'ou peut provenir mon erreur ?

Actuellement j'essaie de procéder comme ci-dessous:

-> recuperation de la DIV contenant mes "table"
-> parcours des TR
-> boucle pour lister le contenu des td dans un tableau

structure de la page en CSS SELECTOR

Citation:

---

MAIN DIV CSS selector:#Bat_Infos_9999
Table 1 CSS selector:#Bat_Infos_9999 > table:nth-child(3)
Table 2 CSS selector:#Bat_Infos_9999 > table:nth-child(6)
Table 3 CSS selector:#Bat_Infos_9999 > table:nth-child(9)

---

structure de la page avec XPATH SELECTOR

Citation:

---

MAIN DIV XPATH selector://*[@id="Bat_Infos_9999"]
Table 1 XPATH selector://*[@id="Bat_Infos_9999"]/table[1]
Table 2 XPATH selector://*[@id="Bat_Infos_9999"]/table[2]
Table 3 XPATH selector://*[@id="Bat_Infos_9999"]/table[3]

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var matchesinfosbat = document.getElementById('#Bat_Infos_9999'); var trt = matchesinfosbat.getElementsByTagName("table"); var trs = trt.getElementsByTagName("tr"); var tds = null;   if(matchesinfosbat){ for (var i=0; i<trs.length; i++){ tds = trs[i].getElementsByTagName("td"); nodes[3].push(tds.innerHTML); } }else{ nodes[3] = 0; }

---

erreur console.log

Citation:

---

TypeError: 'null' is not an object (evaluating 'matchesinfosbat.getElementsByTagName')

---

Merci par avance !!

Bonjour,
cela veux dire que ton élément n'est pas récupéré et pour cause document.getElementById('#Bat_Infos_9999'); ou plus exactement le # en trop dans l'identifiant.

Merci pour ton retour rapide, après correction et teste j'ai toujours la même erreur

Code:

---

TypeError: 'undefined' is not a function (evaluating 'trt.getElementsByTagName("tr")')

---

Citation:

---

...teste j'ai toujours la même erreur

---

non ce n'est pas la même elle est 2 lignes après.
Attention :
getElementsByTagName("table") retourne une collection d'éléments donc pour avoir accès au premier il te faut écrire par exemple

Code:

---

trs = trt.getElementsByTagName[0]("tr");

---

tu aurais également pu faire cela d'une seule instruction en utilisant querySelectorAll

Code:

---

allTRs = doument.querySelectorAll('#Bat_Infos_9999 TR'); // là il faut le #

---

ou pour ton besoin

Code:

---

allTDs = doument.querySelectorAll('#Bat_Infos_9999 TD'); // là il faut le #

---

il ne te reste plus qu'à boucler sur la nodeList.

Effectivement avec ton analyse j'ai beaucoup compliqué la chose, je n'ai plus d'erreur cependant mon count reste à 0 :?


La div existe bien, le fait qu'il y ai plusieurs "<table>" ne peuvent pas poser soucis ?

Code:

---

1 2 3 4 5 6 7 8 9 10

var matchesinfosbat = document.querySelectorAll('#Bat_Infos_9999 TD'); if(matchesinfosbat){ for (var i=0; i<matchesinfosbat.length; i++){ nodes[3].push(matchesinfosbat[i].innerHTML); } }else{ nodes[3] = 0; }

---

Citation:

---

var matchesinfosbat = document.getElementById('#Bat_Infos_9999 TD');

---

:nono:

Je crois que tu te compliques la vie inutilement ce qui t'en fait perdre une logique simple
exemple

Code:

---

1 2 3 4 5 6 7 8 9 10 11

// réceptacle de données var arrayHTML = []; // récupération de toutes les TD var allTDs = document.querySelectorAll('#Bat_Infos_9999 TD'); // parcours de toutes ces TD for( var i=0; i < allTDs.length; i++){ // mise en "stock" de leur contenu arrayHTML.push( allTDs[i].innerHTML); } // ici on en fait ce que l'on veut console.log( arrayHTML);

---

Merci pour ton retour, nous avons croisé nos réponses

Code:

---

1 2 3 4 5 6 7 8 9

var matchesinfosbat = document.querySelectorAll('#Bat_Infos_9999 TD'); if(matchesinfosbat){ for (var i=0; i<matchesinfosbat.length; i++){ nodes[3].push(matchesinfosbat[i].innerHTML); } }else{ nodes[3] = 0; }

---

Citation:

---

console.log(nodes[3].length);

---

me retourne un toujours 0, la div est bien présente, avoir de multiples "<table>" dans celle ci ne peut pas poser de soucis ?

simplement ta matchesinfosbat est une listeNode vide, est tu sûr de ton sélecteur Bat_Infos_9999 ?

Pourrait-on voir ton code HTML, pas 10000 lignes quand même !

Citation:

---

avoir de multiples "<table>" dans celle ci ne peut pas poser de soucis ?

---

Non puisque la méthode récupères TOUS les éléments TD contenus dans l'élément ayant pour ID "Bat_Infos_9999" et ce quelque soit le nombre de TABLE.

Merci pour ton retour, c'est à présent fonctionnel via les exemples que tu me fournis ci-dessus ;)

merci encore