getElementById

Version imprimable

getElementById

j'ai eu un petit souci avec getElementById(monId) sous IE6. Il semble prendre les elements qui ont le name monId.
Du coup j'ai fait queques tests et j'ai été assez étonné. Je voudrai savoir si je fait les choses de travers?

// voici le js
Code:

1 2 3 4 5 6 7 8 9 function toto() { if(document.getElementById) { alert(document.getElementById("test").value); } } if(document.getElementById) { alert('i don\t know why i cant\'t found that value out the function: ' + document.getElementById("test").value); }
//voici le HTML
Code:

1 2 3 4 5 <body onload="javascript: toto();"> <input type="text" name="test" value="should not appear" /> <input type="text" id="test" value="this is good" />
le lien pour voir le truc online
http://www.freakngeek.info/jserror.htm

Alors pourquoi le document.getElementById("test").value me revoie "should not appear" sous IE

Et pourquoi quant je fait le truc hors d'une fonction ca ne marche pas?

merci d'avance

25/04/2006, 16h40
denisC

Citation:

Envoyé par masu

Alors pourquoi le document.getElementById("test").value me revoie "should not appear" sois IE

Parceque IE c'est de la *****.

Sérieusement, le comportement d'IE est en effet de renvoyer l'élement ayant le name donné, si il n'y a pas d'élément ayant l'id demandé. C'est déjà bien débile comme comportement, mais soit.

Si en plus, même avec un élement ayant le bon id, il se trompe, ça devient carrément grave!!!
25/04/2006, 16h45
masu
Citation:

Envoyé par denisC

Parceque IE c'est de la *****.

Sérieusement, le comportement d'IE est en effet de renvoyer l'élement ayant le name donné, si il n'y a pas d'élément ayant l'id demandé. C'est déjà bien débile comme comportement, mais soit.

Si en plus, même avec un élement ayant le bon id, il se trompe, ça devient carrément grave!!!

En fait apparement il revoie le premier truc qu'il trouve que ce soit un name ou un id !!!!!!!!!!!!!

Ok donc deja la c'est bien IE qui merde et pas moi.

par contre une idee de pourquoi le
Code:

1 2 3 if(document.getElementById) { alert('i don\t know why i cant\'t found that value out the function: ' + document.getElementById("test").value); }
direct dans la balise script ne fonctionne pas ?
25/04/2006, 16h46
denisC

Citation:

Envoyé par denisC

Si en plus, même avec un élement ayant le bon id, il se trompe, ça devient carrément grave!!!

La seule solution: ne pas mettre comme name l'id d'un autre élement. C'est nul, mais c'est la seule façon d'éviter les bugs completements incompréhensibles....
25/04/2006, 16h46
fred777888999

Ouais, pas top.
Pour la valeur qu'on ne peux pas trouver hors de la fonction, je suppose que tu as mis ton script dans le 'head'. Il est alors normal que ce dernier s'execute avant d'avoir charge le body et du coup qu'il ne trouve pas ton element. Dans le body-onload, il s'execute apres le chargement de ton body et c'est donc ok. Tu peux egalement mettre ton bloc de script apres la fermeture du body (</body>) et ca va fonctionner aussi.
++
Fred
25/04/2006, 16h52
masu

Citation:

Envoyé par fred777888999

Ouais, pas top.
Pour la valeur qu'on ne peux pas trouver hors de la fonction, je suppose que tu as mis ton script dans le 'head'. Il est alors normal que ce dernier s'execute avant d'avoir charge le body et du coup qu'il ne trouve pas ton element. Dans le body-onload, il s'execute apres le chargement de ton body et c'est donc ok. Tu peux egalement mettre ton bloc de script apres la fermeture du body (</body>) et ca va fonctionner aussi.
++
Fred

OK je vien de faire le test et ca marche bien quand on met la balise script a la fin du body.

merci a vous deux.

ps : IE est vraiement de la M****
25/04/2006, 16h53
SpaceFrog
Code:

1 2 3 if(document.getElementById) { alert('i don\t know why i cant\'t find that value out of the function: ' + document.getElementById("test").value); }
les fautes en rouge n'y sont pour rien :mouarf:
tu as en fait un problème d'instanciation quand le code est executé ton objet n'est par encore créé ...