[DOM] getElementById en arborescence ?

Version imprimable

02/02/2009, 17h06
spidflinch

[DOM] getElementById en arborescence ?
Bonjour à tous,
je ne trouve nulle part de réponse à ma question de DOM-débutant :
ça me paraît fou, mais je n'arrive pas à atteindre un objet en enchaînant 2 getElementById !
• le html :
Code:

1 2 3 4 5 <body> <div id="zone"> <a href="#" id="bouton">fermer</a> </div> </body>
• le script :
Code:

1 2 3 4 window.onload = onloadWin function onloadWin(){ alert(document.getElementById('zone').getElementById('bouton').innerHTML) }
le contenu de l'alert n'est pas reconnu…
ce serait impossible ??! 8O

merci d'avance.
02/02/2009, 17h10
SpaceFrog

un id étant unique sur une page, je ne vois pas l'intéret de l'attaquer en arborescence ...
02/02/2009, 17h16
bigboomshakala

getElementById est une fonction propre au document, tu ne peux pas l'appliquer sur d'autres objets.

Spaf : sinon l'intérêt pourrait être de localiser la recherche à l'intérieur d'un noeud (valable s'il y a beaucoup d'éléments dans ce noeud auxquels on veut accéder par id)
02/02/2009, 17h18
SpaceFrog

a ce moment là il faudrait faire une routine recursive de scan des childNodes avec test de leur id ...
02/02/2009, 17h30
Bezout

Avec getElementsByName ca marche mais il faut travailler avec les name et plus les id.

Effectivement getElementById par contre est uniquement portée par l'objet document.
02/02/2009, 17h34
bigboomshakala

Citation:

Envoyé par Bezout

Avec getElementsByName ca marche mais il faut travailler avec les name et plus les id.

Effectivement getElementById par contre est uniquement portée par l'objet document.

ceci dit

Code:

name obtient ou définit l'attribut name d'un objet DOM. Il s'applique uniquement aux éléments suivants : anchor, applet, form, frame, iframe, image, input, map, meta, object, option, param, select et textarea.

+ pour info : voir FAQ et contribution pour le soucis que pose le name dynamique avec IE
02/02/2009, 17h38
Bezout

En même temps la demande est un peu bête car :

Code:

document.getElementById('zone').getElementById('bouton').innerHTML

au final il veut faire

Code:

document.getElementById('bouton').innerHTML

En partant du principe qu'un id est unique sur toute la page !!
03/02/2009, 16h17
spidflinch

merci à tous pour vos réponses ; je m'aperçois que ma question était bancale !…
• en butant sur ce problème, je me suis empressé d'oublier qu'il partait d'une mauvaise utilisation de l'id : j'avais en fait créé un peu vite plusieurs div avec un "bouton"… de même id ! :oops: quand on résoud de gros problèmes d'un côté, on s'emballe parfois un peu d'un autre !!…
• je vais tout de même devoir trouver une méthode de localisation car, effectivement, mes div vont contenir plusieurs objets analogues et uniques…
• je devrais pouvoir m'en sortir sans name !… ;)
• je suis quand même bien content d'apprendre que getElementById ne s'applique qu'à document… :)
merci encore !