RemoveChild transforme mes balises

Bonjour et bonnes fêtes!

J'essai de supprimer une partie du code qui se trouve entre les balise <ul> et </ul> mais je bloque.


<div id="test">
<h3>
le test
</h3>
<ul>
<li><a href="">lien1</a></li>
<li><a href="">lien2</a></li>
<li><a href="">lien1</a></li>
</ul>
</div>


J'ai essayé ceci:

var element = document.getElementById("test").lastChild;

while (element.firstChild) {
element.removeChild(element.firstChild);
}


Il supprime bien les balises <li></li> mais il m'a modifié aussi mes balise <ul> et </ul> par ceci:

<ul/>

Est ce normal? Comment faire pour qu'il laisse mes balises tranquilles?


Est ce que ça vient du DOCTYPE ?



Modifié par zn415 (27 Dec 2008 - 17:35)

Hello,

J'imagine que quand tu dis "il", tu parles de Firebug ou de la Developper Toolbar de Firefox ?
Tu a ici supprimé l'ensemble des <li> d'un <ul>, Firebug and co, qui te permettent de voir le code html générés remplacent les balises vides par des balises autofermantes. <ul></ul> devient <ul />.
Cela revient exactement au même, c'est juste une différence d'affichage.

P.S : Peux-tu mettre ton code entre balises ([ code]) à l'avenir, ça sera plus facile à lire.