[DOM] pb DOM sous IE

**almadoja** · 10/05/2007, 07h12

Bonjour,
Je n'arrive pas à ajouter un bouton avec DOM sous internet explorer, pourtant cela marche parfaitement sous firefox.

cible.appendChild(enfant);
champ = document.createElement("input");
enfant.appendChild(champ);
type = document.createAttribute("type");
type.nodeValue = "button";
champ.setAttributeNode(type);
var value = document.createAttribute("value");
value.nodeValue = "Supprimer une compétence";
champ.setAttributeNode(value);

J'ai également essayé en mettant :

champ.type="button";
champ.value="Supprimer une compétence";

Mais rien a faire ça ne fonctionne pas sous internet explorer
Il n'y a pas d'erreur avec la deuxième méthode mais ça n'affiche rien.

Auriez vous un idée ?

**SpaceFrog** · 10/05/2007, 09h15

Vraiment il y a des jours ou je me demande à quoi sert la FAQ ...

http://javascript.developpez.com/faq...DOM#DOMajouter

**almadoja** · 10/05/2007, 14h25

J'ai déjà regarder la faq merci !
j'ai même chercher sur des forums avant de poster !!

Alors si tu vois un différence entre ce que j'ai fait et la faq, j'ouvre grand mes yeux car je ne vois vraiment pas

**SpaceFrog** · 10/05/2007, 17h58

heu oui j'en vois une grande ... le code de la FAQ fonctionne car il utilse la syntaxe correcte, le tien pas ...

Code :

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

1
2
3
4
5
6
7
8
9
 
champ = document.createElement("input"); // jusque là tout va bien 
enfant.appendChild(champ); // ensuite heu faut peut être le renseigner avent de l'appender ???
type = document.createAttribute("type"); // à partir d'ici c'est je suis désolé de le dire n'importe quoi !!!
type.nodeValue = "button";
champ.setAttributeNode(type);
var value = document.createAttribute("value");
value.nodeValue = "Supprimer une compétence";
champ.setAttributeNode(value);

Si je dechiffre entre les ligne ce que tu essayes de faire ça pourrait ressembler en code clair et concis à ça:

Code :

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

1
2
3
4
5
 
champ = document.createElement("input");
champ.type="type";
champ.value="Supprimer une compétence";
enfant.appendChild(champ)

Ce qui ressemble beaucoup plus à ce qui est proposé dans la FAQ ...

**almadoja** · 11/05/2007, 09h46

Oui merci ça j'avais remarqué,
comme tu peux le voir dans mon premier message , je dis avoir essayé également cette syntaxe et tout ce que cela change, c'est que je n'ai plus d'erreur dans internet explorer mais il n'affiche toujours rien