[DOM] parentNode différent en IE et Mozilla

**tazmania** · 17/03/2007, 11h59

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 :

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

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 :

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

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 ?

**javatwister** · 17/03/2007, 13h37

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);

**tazmania** · 17/03/2007, 14h41

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

Code :

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

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

**javatwister** · 17/03/2007, 14h49

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.

**tazmania** · 17/03/2007, 15h03

Donc ce que j'ai fait ne pourra jamais être lancer sous IE si je comprends bien

**sekaijin** · 18/03/2007, 10h20

non : this

Code :

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

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

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

l'écriture

Code :

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

<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

**tazmania** · 18/03/2007, 16h56

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

**javatwister** · 18/03/2007, 17h20

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;

[DOM] parentNode différent en IE et Mozilla

JavaScript

Discussions similaires

Partager

Partager