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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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