[DOM] message: object HTMLCollection

Version imprimable

02/01/2007, 20h43
iks22

[DOM] message: object HTMLCollection
Bonjour,

Object HTMLCollection, c'est le message que j'obtiens lorsque je fais un alert sur ce code javascript qui agit sur le tableau d'une page HTML:
Code:

1 2 3 var rech = document.getElementsByTagName("th"); alert(rech);
Comment faire pour vraiment récupérer ce qui est dans la balise th??

Salut, il faut que tu parcours la collection, ex :

Code:

1
2
3
4
5
6
7
var rech = document.getElementsByTagName("th");
var str = "";
var rechCount = rech.length;
for(i = 0; i < rechCount; i++)	{
	str += " - " + rech[i].innerHTML;
}
alert(str);

Bye

02/01/2007, 21h19
iks22

j'ai essayé ton script, mais ca ne me renvoie rien dans le alert: il apparait une boite de dialogue vide et je ne peux cliquer que sur ok...
02/01/2007, 21h30
Djakisback
Il faudrait voir la structure de ton tableau, notamment ce qu'il y a dans les th mais tu peux essayer avec un exemple tout simple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <table> <tr> <th>un titre</th> <td>ert</td> <td>ertert</td> </tr> <tr> <th>un autre titre</th> <td>tyuty</td> <td>erter</td> </tr> </table>
et faut pas oublier que tu peux accéder à un élément DOM que une fois qu'il a été construit, donc t'es obligé de mettre le script après le table
03/01/2007, 11h36
dingoth

... ou mettre toutes les instructions dans un window.onload= function(){ ... };

Citation:

Il faudrait voir la structure de ton tableau, notamment ce qu'il y a dans les th mais tu peux essayer avec un exemple tout simple :

En fait, mon tableau est un code source de page HTML puisque je veux en faire ressortir des éléments... Voici un fragment de la structure (j'ai enlevé lle texte et quelques choses inutiles car c'est bien long):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <table width="548"> <tr> <td class=... colspan="8">...</td> </tr> <tr> <td class=...></td> <td class=...></td> <td class=...></td> <td class=...></td> <td class=...></td> <td class=...></td> <td class=...></td> </tr> <tr> <tr> <th width="30"> <a href="#" tabindex="8" >6</a> <a href="#" title="****texte a récupérer****"></a> </th> <th width="30"> <a style="cursor:pointer" onMouseOver= ... </a> </th> <th width="130" style='white-space: nowrap;'> </th> <th width="30" style='white-space: nowrap;'> <a style="cursor:pointer"... </a> </th> <th width="30"> <a style="cursor:pointer" ... /></a> </th> <th width="150"> ... </a> </th> <th width="80"> <a style="cursor:pointer" onMouseOver= ... </a> </th> <th width="125" style='white-space: nowrap;'> </th> </tr> <tr> <th width="30"> <a href="#" tabindex="9" >7 <a href="#" title="texte a récupérer"></a> </th> <th width="30"> <a style="cursor:pointer" onMouseOver=.../></a> </th> <th width="130" style='white-space: nowrap;'> <a href='#' ... <th width="30" style='white-space: nowrap;'> </th> <th width="30"> </th> <th width="150"> <a style="cursor:pointer" onMouseOver=...></a> </th> <th width="80"> <a style="cursor:pointer" onMouseOver=...</a> </th> <th width="125" style='white-space: nowrap;'> <a style="cursor:pointer" onClick=.../></a> <a href="buddy.php?session=0fa0e08dbadd&a=2&u=183158"><img src="http://80.237.203.201/download/use/lambda/img/b.gif" border="0" alt="Demander à être ami" title="Demander à être ami" /></a> </th> </tr>
Je veux récupérer ce qui est écrit "***texte a récupérer****", il y en a deux...
J'avais le code que j'ai mis dans les posts précédent...
Quelqu'un a t il une idée de pourquoi ca ne marche pas?
Le javascript est lancé par une appilcation xul externe a la page html, c'est un menu firefox, donc lorsque le script est lancé, le tableau a déjà été généré...
Aidez moi!

03/01/2007, 16h16
SpaceFrog

heu tu confonds pas th et td ...
ta structure de tableau n'est pas valide !!!
03/01/2007, 16h30
iks22

C'est en tout cas ce que je trouve comme source en demandant a firefox...
Je sais que c'est bizarre, mais il semble que ca fonctionne...
C'est également la source que m'a affiché l'extension web developper de firefox...

Alors soit ces logiciels me donne une source erronée, dans ce cas il me faut autre chose pour extraire ce code source...
Ou alors, il faut utiliser ce code source et en extraire le texte que je souhaite...

Mais seul, je n'y parviens pas et c'est pour ca que je me tourne vers des experts comme vous!
Aidez moi!!
03/01/2007, 23h32
iks22

Personne n'a d'idée?
Peut etre y a t'il une autre solution de GetElementsByTagName?
04/01/2007, 10h08
dingoth

Comme te l'as dit SpaceFrog, ta structure n'est pas correcte : tu confonds <th> et <td>. Alors, soit ce code est le tien, et tu devrais changer tous tes <th> par <td> et inversément, soit ce code n'est pas le tien, et on s'en tiendra à ça, mais ne sachant pas sur quel pied danser, nous ne savons t'aider.

Edition : effectivement, SpaceFrog.
04/01/2007, 10h34
SpaceFrog

td pas tr ...

sinon pour la collection..

Code:

document.getElementsByTagName('table')[0].getElementsByTagName('th')
04/01/2007, 21h05
iks22

Ok, bon, admettons que je me sois trompé, de toute facon, mon projet tombe a l'eau, car je ne sais meme pas si je travaille dans la bonne frame avec javascript.. alors... Je crois que je me suis lancé dans quelque chose d'un peu trop compliqué et comme je n'ai pas vraiment d'expert en extraction de données HTML par javascript, je vais aller me recoucher...