Objet appelé automatiquement et pourtant indiqué indefini

Bonjour,

Plutôt qu'un long discours, voici quelques lignes de code :

Code:

---

1 2 3 4 5 6

var t = document.getElementsByTagName("div"); for (var i=0; i<t.length; i++) { if (t[i].id!="") alert(document.getElementById[t[i].id]); }

---

Pour une raison qui m'échappe complètement, il m'indique que des objets indéfinis... ce qui sur le papier ne devrait pas être possible, vu qu'ils ne sont demandés que par leur propre existence :aie:

Cette boucle vient tester une partie de script qui ne fonctionne pas, et qui est en charge de créer le gabarit d'une page. Les éléments sont créés (j'ai vérifié leur existence avec l'outil de débug de Firefox). Du coup je m'interroge vraiment sur l'ensemble, mais tout mon problème réside ici : résoudre ce mystère, c'est résoudre in fine le reste.

Concrètement qu'est-ce qui peut expliquer un tel comportement ??

D'avance merci beaucoup.

j'essais de comprendre
tu fais un tableau qui contient une référence à tous les div
puis tu parcours ce tableau
pour chaque div du tableau tu récupère l'id du div
puis tu recherche dans le dom le div qui porte cet id

heu à quoi ça sert ? vu que tu l'a déjà le div

Code:

---

1 2 3 4 5 6

var t = document.getElementsByTagName("div"); for (var i=0; i<t.length; i++) { if (t[i].id!="") alert([t[i].id); }

---

bon si tu tien à utiliser getElementById il suffit d'éviter les erreurs de siyntaxe il s'agit d'une fonction pas d'un tableau l'élément document.getElementById[0] n'existe pas vu que ce n'est pas un tableau

Code:

---

1 2 3 4 5 6 7 8

var t = document.getElementsByTagName("div"); for (var i=0; i<t.length; i++) { if (t[i].id!="") { alert(document.getElementById(t[i].id)); alert (document.getElementById(t[i].id) == t[i]); // true } }

---

A+JYT

Merci de ta réponse !

Citation:

---

Envoyé par sekaijin

j'essais de comprendre
tu fais un tableau qui contient une référence à tous les div
puis tu parcours ce tableau
pour chaque div du tableau tu récupère l'id du div
puis tu recherche dans le dom le div qui porte cet id

heu à quoi ça sert ? vu que tu l'a déjà le div

---

A rien, et effectivement mon explication initale est confuse. Je crée avec Javascript l'ensemble des éléments d'une page, suivant un gabarit défini. Jusque là ok : je vois mes éléments. Je continue et je code ce qu'il faut pour les remplir. Tout va toujours bien. SAUF pour deux éléments, qui existent pourtant bien (je les vois sur la page, je les ai dans le code source généré).

Du coup je teste l'existence de ces deux div. Et là surprise : il me dit qu'elles n'existent pas ! Alors je teste TOUTES les div, d'où ces quelques lignes qui ne servent à rien. Et aucune n'existe. Aucune. Pourtant la page est générée, affichée...

Bonjour,

Citation:

---

document.getElementById[t[i].id]

---

. ???

Citation:

---

Envoyé par sekaijin

bon si tu tien à utiliser getElementById il suffit d'éviter les erreurs de siyntaxe il s'agit d'une fonction pas d'un tableau l'élément document.getElementById[0] n'existe pas vu que ce n'est pas un tableau

---

Très juste, cependant le reste de mon code est correct (et se compose principalement de fonctions génériques).

Salut



quelque chose comme ca t aurait aide peut etre

Code:

---

1 2	console.log(document.querySelectorAll("div:not([id=''])"))

---

un bon moyen de contrôler si un élément du DOM à une certaine propriété : https://developer.mozilla.org/fr/doc...hasOwnProperty

Salut,
bon allez j'enfonce des portes overtes : as-tu vérifié que le DOM est prêt quand ton script s'exécute ?

Sinon, une petite variation du querySelectorAll de Lakhdr :

Code:

---

console.log(document.querySelectorAll('[id]'));

---

Comme l'a remonté NoSmoking, je crois qu'il a confusion entre crochets et parenthèses :weird: