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

**ViRouF** · 07/10/2008, 16h28

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 :

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

**E.Bzz** · 07/10/2008, 17h03

Bonjour,

Code :

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

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

??

A+

**bullrot** · 07/10/2008, 17h05

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/

**ViRouF** · 08/10/2008, 14h15

Envoyé par E.Bzz

Bonjour,

Code :

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

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

??

A+

ça ne fonctionne pas

J'ai essayé ça :

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

**E.Bzz** · 08/10/2008, 14h37

Envoyé par ViRouF

ça ne fonctionne pas

Ah ?

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

Erreur JS ?
Code/ Libellé ?

Sinon, quel résultat ?

Bref, constructif, quoi

A+

**ViRouF** · 08/10/2008, 16h17

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.

**E.Bzz** · 08/10/2008, 16h52

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 :

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

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 :

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

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

A+

**Auteur** · 08/10/2008, 17h01

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 ?

**E.Bzz** · 08/10/2008, 17h08

Re, Auteur

Comme il est déco :

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+

**ViRouF** · 08/10/2008, 17h43

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

**ViRouF** · 08/10/2008, 17h48

Envoyé par E.Bzz

C'est déjà un peu plus

Essaye

Code :

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

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

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

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

JavaScript

Discussions similaires

Partager

Partager