[DOM] getElementById en arborescence ?

**spidflinch** · 02/02/2009, 17h06

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 :

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

1
2
3
4
5
<body>
<div id="zone">
	<a href="#" id="bouton">fermer</a>
</div>
</body>

• le script :

Code :

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

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

merci d'avance.

**SpaceFrog** · 02/02/2009, 17h10

un id étant unique sur une page, je ne vois pas l'intéret de l'attaquer en arborescence ...

**bigboomshakala** · 02/02/2009, 17h16

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)

**SpaceFrog** · 02/02/2009, 17h18

a ce moment là il faudrait faire une routine recursive de scan des childNodes avec test de leur id ...

**Bezout** · 02/02/2009, 17h30

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.

**bigboomshakala** · 02/02/2009, 17h34

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 :

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

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

**Bezout** · 02/02/2009, 17h38

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

Code :

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

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

au final il veut faire

Code :

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

document.getElementById('bouton').innerHTML

En partant du principe qu'un id est unique sur toute la page !!

**spidflinch** · 03/02/2009, 16h17

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 !

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 !

[DOM] getElementById en arborescence ?

JavaScript

Discussions similaires

Partager

Partager