[DOM] comportement node.appendChild( nodeX )

Bonjour à tous.

J'aurais juste voulu une confirmation d'un constat que je viens de faire :

Je souhaite ajouter un élément <option/> simultanément à deux <select/>.

Pour celà j'utilise le code suivant :

Code:

---

1 2 3 4 5

var newNode = document.createElement("option"); // ... définition des attributs de newNode document.getElementById('select1').appendChild( newNode ); document.getElementById('select2').appendChild( newNode );

---

j'obtiens alors un comportement étrange : le <option/> n'est ajouté que dans le second des deux <select/>. (test effectué en inversant les 2 appels à appendChild).

Suis-je obligé de ré-initialiser mon noeud <option> entre les 2 ajouts ?

Merci d'avance de vos contributions.

je sais pas si il ne faut pas faire un truc curieux du genre

Code:

---

myselect.options.length++

---

avant d'appender ...

il y a un truc dans les contributions ..

en fait, j'ai pas de problème de fonctionnement, j'ai bien des éléments ajoutés, mais uniquement sur une des deux listes si je ne crée pas un nouvel élément DOM entre les deux ajouts. je me demandais donc si ça ne venait pas du fait que j'utilisais le même élément qui qui lorsque je fais un appel à X.appendChild() lui modifierait le parendNode() et m'empêcherait d'ajouter le même élément à 2 nodes différents.

Le code qui marche pas : seul select2 contiendra ici le option.

Code:

---

1 2 3 4

var newNode = document.createElement("option"); // ... définition des attributs de newNode document.getElementById('select1').appendChild( newNode ); document.getElementById('select2').appendChild( newNode );

---

Le code qui marche :

Code:

---

1 2 3 4 5 6

var newNode = document.createElement("option"); // ... définition des attributs de newNode document.getElementById('select1').appendChild( newNode ); newNode = document.createElement("option"); // ... définition des attributs de newNode document.getElementById('select2').appendChild( newNode );

---

arf j'avais pas vu ... tu ne crées qu'un seul node ... normal ...

Code:

---

1 2 3 4 5 6 7

var newNode1 = document.createElement("option"); // ... définition des attributs de newNode   var newNode2=newNode1.cloneNode(true) document.getElementById('select1').appendChild( newNode1 ); document.getElementById('select2').appendChild( newNode2 );

---

En fait il n'y avait qu'une seul nouveau node ...
et le fait de l'appender Ailleurs ben ça le déplace ...

tu peux faire le test avec un node existant de la page ... tu l'appendes à un autre endroit, ça le déplacera

Merci, c'était juste pour une confirmation du comportement, histoire de ne pas tomber à nouveau sur ce genre de problème.