Accès à un objet à partir du nom de son parent

Version imprimable

Voilà mon "problème"
J'ai un tableau comme ceci : (en gros)
Code:

1 2 3 4 <tr name="maref01"><td>Un truc</td><td>18 €</td></tr> <tr name="maref03"><td>Un autre truc</td><td>23 €</td></tr> <tr><td colspan="2">Total : 41 €</td></tr>
J'aimerai pouvoir accéder à "prix" en passant par "maref01", "maref03" etc...

Comment puis m'y prendre ? Comment fonctionne ce type d'ascendance ?

Merci d'avance.

22/04/2008, 09h09
E.Bzz

Bonjour,
il serait préférable d'utiliser les ID

Code:

<tr name="maref01" id="maref01"><td>Un truc</td><td>18 €</td></tr>

(sous réserve que "maref01" soit unique)
==>

Code:

alert(document.getElementById('maref01').firstChild.nextSibling.firstChild.innerHTML);

A+
22/04/2008, 09h25
SpaceFrog

Code:

document.getElementsByName('maref01')[0].getElementsByName('prix')[0].innerHTML

EBzz sans NodeCleaner, je me méfie toujours des firstChild et nextSibling ...
22/04/2008, 09h28
E.Bzz

Citation:

Envoyé par SpaceFrog

Code:

document.getElementsByName('maref01')[0].getElementsByName('prix')[0].innerHTML

EBzz sans NodeCleaner, je me méfie toujours des firstChild et nextSibling ...

Arff ! oui, c'est vrai :aie:
(pour IE6 ça serait bon :mrgreen: )

Va pour le getElementsByName alors ...

A+

Code:

1
2
3
4
5
6
7
8
9
<table border="1">
<tr name="maref01"><td>Un truc</td><td><span name="prix">18</span> €</td></tr>
<tr name="maref03"><td>Un autre truc</td><td><span name="prix">23</span> €</td></tr>
<tr><td colspan="2">Total : 41 €</td></tr>
</table>
<script type="text/javascript">
x = document.getElementsByName("maref01")[0].getElementsByName("prix")[0].innerHTML;
document.write("Prix : "+x); //pour le test
</script>

Un essai avec ce code me retourne :

Citation:

document.getElementsByName("maref01")[0].getElementsByName is not a function

:s
Une idée ?

22/04/2008, 13h35
E.Bzz

As-tu plusieurs name="maref01" ?

A+
22/04/2008, 13h43
SPKlls

Citation:

Envoyé par E.Bzz

As-tu plusieurs name="maref01" ?

A+

Non, j'ai utilisé exactement le même code que dans le post précédant.
22/04/2008, 14h45
marcha

Salut,

HTML 4.01 defini l'attribut name pour a, applet, frame, iframe, img, et map.
En XHTML l'attribut name est déprécié.

Donc même si avec de la chance ton code pourrait fonctionner sur certains
navigateurs ce n'est pas une solution à long terme.

Suit les recommandations d'E.Bzz pour tes tr et utilise class='prix' pour les span

Ensuite ceci:

document.getElementById("maref01").getElementsByTagName('SPAN')[0].innerHTML;

Pour autant qu'il n'y aie qu'un span dans ton tr