[DOM] Récupérer valeur dans un tableau html

Version imprimable

Hello,

J'ai le code suivant et mon but est d'extraire la valeur "Bugs Bunny" à l'aide de Javascript. Je ne sais pas du tout comment m'y prendre pour descendre jusqu'à cette valeur.

J'en suis à getElementById("techparam") mais après comment je peux arriver à la cellule correspondante ? :?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <div id="techparam"> <span id="LOK_YH_SNIPPET23"> <table width="300" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="LOKUITTableGrid" > <table width="300" name="TECHNAME_FOR_JS" class="LOKUITCellspacing" border="0" cellpadding="0" cellspacing="1" > <tr> <td width="148" nowrap class="LOKUITTElemName">Author</td> <td width="148" colspan="2" nowrap class="LOKUITTElemVal">Jeannot</td> </tr> <tr> <td width="148" nowrap class="LOKUITTElemName">Last Changed by</td> <td width="148" colspan="2" nowrap class="LOKUITTElemVal">Bugs Bunny</td> </tr> </table> </td> </tr> </table> </span> </div>
j'ai la main sur les balises div de début et de fin, ce qu'il y a entre c'est du généré et je n'ai pas possibilité de le modifier ou de rajouter des id. :(

Merci de me mettre sur la piste :)

ViRouF

07/10/2008, 17h03
E.Bzz

Bonjour,

Code:

document.getElementsByName("TECHNAME_FOR_JS")[0].lastChild.lastChild.innerHTML

??

A+
07/10/2008, 17h05
bullrot

regarde mon post je suis moi aussi entrain de vouloir récuperer des valeurs d'un champ a partir d'un tableau créer dynamiquement.

http://www.developpez.net/forums/d62...mp-php-script/

Citation:

Envoyé par E.Bzz

Bonjour,

Code:

document.getElementsByName("TECHNAME_FOR_JS")[0].lastChild.lastChild.innerHTML

??

A+

ça ne fonctionne pas :(
J'ai essayé ça :

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
36
37
38
 
<html>
	<head>
		<title>test</title>
		<script>
			function test(){
				var complet = document.getElementsByName("TECHNAME_FOR_JS").item(0).childNodes.item(1).childNodes.item(0).childNodes.item(0).data;
				alert(complet);
			}
		</script>
	</head>
	<body>
 
		<div id="techparam">
			<span id="LOK_YH_SNIPPET23">
				<table width="300" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td class="LOKUITTableGrid" >
							<table name="TECHNAME_FOR_JS" class="LOKUITCellspacing">
								<tr>
									<td class="LOKUITTElemName">Author</td>
									<td colspan="2" class="LOKUITTElemVal">Jeannot</td>
								</tr>
								<tr>
									<td class="LOKUITTElemName">Last Changed by</td>
									<td colspan="2" class="LOKUITTElemVal">Bugs Bunny</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</span>
		</div>	
 
		<input type="button" value="ok" name="ok" onclick="test();">
 
	</body>
</html>

mais je ne récupère pas la valeur de la cellule. La valeur que je récupère est vide :(

08/10/2008, 14h37
E.Bzz

Citation:

Envoyé par ViRouF

ça ne fonctionne pas :(

Ah ? :aie:

C'est pas avec une réponse aussi précise qu'on pourra t'aider :roll:

Erreur JS ?
Code/ Libellé ?

Sinon, quel résultat ?

Bref, constructif, quoi :mrgreen:

A+
08/10/2008, 16h17
ViRouF

Bah c'est que j'en sais pas beaucoup plus. :?

Sous firefox, j'ai 'undefined' quand je fais un alert sur ton code (mais rien dans la console) et sous IE il me dit que ce n'est pas un objet.
08/10/2008, 16h52
E.Bzz

Citation:

Envoyé par ViRouF

Sous firefox, j'ai 'undefined' quand je fais un alert sur ton code (mais rien dans la console) et sous IE il me dit que ce n'est pas un objet.

C'est déjà un peu plus ;)

Essaye

Code:

var complet = document.getElementsByTagName("table")[1].getElementsByTagName("tr")[1].getElementsByTagName("td")[1].innerHTML;

Remarque : à cause d'une gestion différente des noeud vide, la syntaxe suivante fonctionne avec IE, mais pas avec FF

Code:

var complet = document.getElementsByTagName("table")[1].lastChild.lastChild.lastChild.innerHTML;

A+
08/10/2008, 17h01
Auteur

bonjour,

déjà une balise span qui encadre une balise table est une erreur DOM.

Ensuite que souhaites-tu faire exactement ?
1- Récupérer une donnée qui se trouve dans la cellule C de la ligne L ?
2- ou rechercher une chaîne de caractère et donner sa position ?
08/10/2008, 17h08
E.Bzz

Re, Auteur ;)

Comme il est déco :

Citation:

Envoyé par ViRouF

j'ai la main sur les balises div de début et de fin, ce qu'il y a entre c'est du généré et je n'ai pas possibilité de le modifier ou de rajouter des id. :(

D'où ma réponse dans le style "on fait avec ce qu'on a" ... :?

Le but étant apparemment de récupérer le texte de la dernière cellule du sous-tableau (si j'ai bien compris) ....

A+
08/10/2008, 17h43
ViRouF

Citation:

Envoyé par E.Bzz

Re, Auteur ;)

Comme il est déco :
D'où ma réponse dans le style "on fait avec ce qu'on a" ... :?

Le but étant apparemment de récupérer le texte de la dernière cellule du sous-tableau (si j'ai bien compris) ....

A+

oui c'est exactement ça.
Dans j'ai un tableau avec X lignes de 2 cellules, qui affichent des couples de valeurs clé/valeur.

Je souhaite pouvoir lire le texte contenu dans chaque première cellule, lorsque celui-ci m'intéresse, je récupère la valeur correspondance dans la cellule d'a côté.

Vous savez tout :)
08/10/2008, 17h48
ViRouF

Citation:

Envoyé par E.Bzz

C'est déjà un peu plus ;)

Essaye

Code:

var complet = document.getElementsByTagName("table")[1].getElementsByTagName("tr")[1].getElementsByTagName("td")[1].innerHTML;

super, ça fonctionne merci.
Je vais adapter ça à mon cas mnt ;)