[DOM] DOM : Récupérer un élément parent

**atar64** · 09/07/2007, 16h05

Bonjour j'ai un tableau, je souhaite récupéré le contenu de la premiére colonne lors du clic sur un des éléments de la ligne.

Exemple de code:

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
 
<body>
<script language = "JavaScript">
function affiche(noeud) {
alert(noeud.parentNode.parentNode.firstChild.firstChild.value); 
}
</script>
 
<table>
  <tr>
    <th>login</th>
    <th>pseudo</th>
    <th>mail</th>
  </tr>
  <tr>
    <td><a href="javascript:affiche(this);">toto</a></td>
    <td><a href="javascript:affiche(this);">456a5a</a></td>
    <td><a href="javascript:affiche(this);">aeaea@aeae.com</a></td>
  </tr>
  <tr>
    <td><a href="javascript:affiche(this);">tutu</a></td>
    <td><a href="javascript:affiche(this);">dq458q</a></td>
    <td><a href="javascript:affiche(this);">bvbv@aeae.com</a></td>
  </tr>
</table>
 
</body>

Avec ce code je veux afficher toto, si il clique sur la premiére ligne et tutu si c'est la deuxiéme ligne.

J'ai une vague idée de comment faire mais je séche.
Oui je suis cointraint de passer par le href.

Merci d'avance

**atar64** · 09/07/2007, 16h35

Oups,

j'ai oublié de préciser que je ne pouvais pas jouer sur les ID et les Class, car ce code est généré par des taglib(java), et je ne peut en aucun cas y toucher. Sinon c'est pas drole

Mon résonnement été donc :
- On part du <a> d'ou le this
- On accéde a son parent un <td>
- Puis on accéde au parent du td, qui sera forcément un <tr>
- Puis on fais le chemin inverse on prend le premier <td> du <tr>
- puis le contenu du premier <a>

Je dois donc jouer avc les parentNode et les childNode, mais je me confronte très rapidement à du indefined

**atar64** · 10/07/2007, 09h34

Alors la chapeau , et surtout merci !

J'avais bien compris que le this ne semblais pas être le <A> mais j'aurais jamais trouver que c'était l'équivalent d'un self !

Bravo, et encore merci. J'allais m'arracher la tête si je trouvais pas.

EDIT : Pas encore tout à fais sortie de la galère puisque document.activeElement est incompatible avc Firefox!

[DOM] DOM : Récupérer un élément parent

JavaScript

Vue hybride

Discussions similaires

Partager

Partager