[JavaScript]appendChil, insertBefore = galere :)

bonjour à tous et à toute,

j'ai un problème plutot récurant est assez bizarre.
j'ai un système de pagination, le code HTML généré est par exemple :

Code:

---

1 2 3

<span id="page1"><a href="..." OnClick="..."></span> <span id="page2"><a href="..." OnClick="..."></span> <span id="page3"><a href="..." OnClick="..."></span>

---

je vais juste prendre comme exemple, je veux ajouter dynamquement apres page 3, un <span id="page4"> ...</span> avec javascript, j'ai procédé ainsi:

Code:

---

1 2 3 4 5 6

newSpan=document.createElement('<span>'); newSpan.setAttribute('id','page4'); newElement=document.createElement('<a>'); newValue=document.createTextNode('4'); newElement.appendChild(newValue); newSpan.appendChild(newElement);

---

et je l'insert de cette manière, après l'element que je souhait !

Code:

---

ref.parentNode.insertBefore(newElement,ref.nextSibling);

---

où "ref" est l'élément qui précéde le noeud que je souhait ajouté, autrement dit "page3" (document.getElementById('page3') )

donc il ajoute bien l'element apres, visualement, pas de soucis, mais pourquoi, après si je fait un

Code:

---

alert(document.getElementById('page4'))

---

il me retourne, null, théoriquement, il à été ajouté au document, donc il devrait m'afficher "Object", je ne comprend pas du tout, c'est plutot rageant ce genre de problème :/.

Cordialement

dans la création de l'objet ...

Code:

---

newSpan.id='page4';

---

pi si j'ajoute pas le <span> au document forcement, il va pas trouver l'objet, c'est en expliquant mon problème que je trouve la solution .... :?

Code:

---

ref.parentNode.insertBefore(newSpan,ref.nextSibling);

---

et là c'est bon ...

Code:

---

1 2 3

newSpan=document.createElement('span'); ... newElement=document.createElement('a');

---

Edit : Bon ben c'tout.

par contre, dernière petite question, pour en gros mettre un "nbsp;" apres chaque élément créer, comment puis-je le faire dynamqquement, apres l'ajout de l'élément ?

createTextNode ...