getElementById

**masu** · 25/04/2006, 16h36

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 :

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

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 :

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

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

**denisC** · 25/04/2006, 16h40

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

**masu** · 25/04/2006, 16h45

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 :

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

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 ?

**denisC** · 25/04/2006, 16h46

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....

**fred777888999** · 25/04/2006, 16h46

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

**masu** · 25/04/2006, 16h52

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****

**SpaceFrog** · 25/04/2006, 16h53

Code :

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

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

tu as en fait un problème d'instanciation quand le code est executé ton objet n'est par encore créé ...

getElementById

JavaScript

Discussions similaires

Partager

Partager