Discussion :

[Lekno]

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

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

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 js :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Merci par avance !!

[NoSmoking]

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.

[Lekno]

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

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

...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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou pour ton besoin

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[Lekno]

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 js :

Sélectionner tout - Visualiser dans une fenêtre à part

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;	
}

[NoSmoking]

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

[Lekno]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;	
}

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 ?

[NoSmoking]

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 !

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.

[Lekno]

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

merci encore