[DOM] DOM : Récupérer un élément parent
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:
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