[DOM] parentNode différent en IE et Mozilla

Version imprimable

17/03/2007, 11h59
tazmania

[DOM] parentNode différent en IE et Mozilla
Bonjour,

Je viens de me rencontre d'un petit problème.
Je développais une page web dont je fesais les tests sous Mozilla.

Maintenant que je change de navigateur une erreur survient.
La valeur du parentNode ne renvoie pas la même chose selon IE ou Mozilla.

Voila le code html :
Code:

1 2 3 4 5 6 7 <body> <form id="test" method="post" action="submit"> <titi> <input type="button" id="Ajouter" onclick="Ajout(parentNode)" value="add" \> </titi> </form> </body>
et mon affiche de l'élément passé en paramètre à ma fonction Ajout
Code:

1 2 3 function Ajout(elt) { alert (elt.nodeName); }
Avec Mozilla cela m'affiche titi et avec IE cela m'affiche FORM.

Comment pourrais-je résoudre ce problème ?
17/03/2007, 13h37
javatwister

parentNode est une propriété: tu ne peux l'utiliser sans la faire précéder de l'objet qui t'intéresse;

(pour le reste, je n'ai pas réfléchi au problème, vue l'erreur de syntaxe);
17/03/2007, 14h41
tazmania

Qu'est ce que je dois faire dans ce cas si alors.
Je ne vais pas faire

Code:

<input type="button" id="Ajouter" onclick="Ajout(titi.parentNode)" value="add" \>

Et ce que je ne comprends pas c'est pourquoi sa marche sur mozilla et pas sur IE.
En plus j'utilise Firebug sous Mozilla et il m'indique aucune erreur.
17/03/2007, 14h49
javatwister

disons que dans une page "html", IE ne prendra en compte, en règle général, que les balises définies dans ce langage.
17/03/2007, 15h03
tazmania

Donc ce que j'ai fait ne pourra jamais être lancer sous IE si je comprends bien :cry:
18/03/2007, 10h20
sekaijin

non : this

Code:

<input type="button" id="Ajouter" onclick="Ajout(this.parentNode)" value="add" />

Attention la fin de la balise est /> et non \>

l'écriture

Code:

<tagname onclick="...">

définit une methode sans argument onclick sur l'objet tagname dans le corps de cette methode this désigne l'objet lui même soit donc tagname c'est objet est une instance de la classe DomElement il à donc toutes les propriété d'un élémen du dom

Par principe n'utilisez jamais les variables définie intrinsectement
par exemple dans IE le simple fait d'avoir un tag avec un id l'utilisation du nom de l'id comme variable référence implicitement le tag portant l'id
cela marait séduisant et simplifie l'écriture mais n'est absolument pas portable.

de même dans une methode d'un objet sous FF this.property ou property sont équivalent là encore ce n'est pas portable

donc utilisez toujours la forme explicite et ça marchera partout (ou presque)
A+JYT
18/03/2007, 16h56
tazmania

Merci pour cette réponse complète.

J'ai donc modifier ma balise comme vous me l'avez indiqué.
Malheureusement IE n'apprécie toujours pas, je pense comme à dit javatwister, que IE n'arrive pas à gérer ma balise titi car celle-ci ne fait pas partie de la norme HTML
18/03/2007, 17h20
javatwister

et le plus marrant est que IE repèrera l'id d'une balise fantaisiste si tu utilises getElementsByTagName; mais pour le reste, l'élément est invisible;