[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