Discussion :

[iks22]

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 :

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

1
2
3
 
var rech = document.getElementsByTagName("th");
alert(rech);

Comment faire pour vraiment récupérer ce qui est dans la balise th??

[Djakisback]

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

Code :

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

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

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

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

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

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

[dingoth]

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

[iks22]

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 :

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

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!