Discussion :

[sekaijin]

bonjour
voici une curriosité à la quelle je ne m'attendais pas.

Code :

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

1
2
3
4
5
6
 
elem = document.getElementById('montruc');
kids = elem.childNodes;
for (i = 0; i < kids.length; i++) {
  elem.removeChild(kids[i];
}

ce code ne fonctionne pas.
il ne supprime pas tous les enfants de montruc
chose étrange i faut toujours supprimer l'élément 0

Code :

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

1
2
3
4
5
6
 
elem = document.getElementById('montruc');
kids = elem.childNodes;
for (i = 0; i < kids.length; i++) {
  elem.removeChild(kids[0];
}

kids[i] n'existe plus si les Ëkids jusqu'à i-1 ont été supprimé.


A+jyt

[francis m]

je ne sais pas si c'est la raison, mais je commencerais par fermer les parenthèses derrière ta dernière instruction

[francis m]

et je ne connais pas l'instruction removeChild, mais est-il possible que si tu 'remove' un élément, ton elem en a un de moins, et que du coup kids.length est diminué de 1 ?
Et peut-être que quand tu démarres ta boucle, kids.length est stocké par php dans une pile temporaire faisant ainsi que la boucle continue jusqu'à la valeur initiale de kids.length ?
Ce ne sont que des suppositions, mais cela expliquerait je pense

[loufoque]

mais est-il possible que si tu 'remove' un élément, ton elem en a un de moins, et que du coup kids.length est diminué de 1 ?

C'est le cas.

Code :

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

1
2
3
4
while(elem.hasChildNodes())
{
    elem.removeChild(elem.firstChild);
}

[Celelibi]

sekaijin tu as un problème bien connu qui est celui de la taille d'un tableau qui diminue au fur et à mesure qu'on lui enlève des éléments.

Imagine que tu ai 10 éléments enfants ; au bout du 5eme tu as i=5 et kids.length = 5, la condition de ta boucle for n'est plus respecté et elle s'arrête.

À toi de trouver une des nombreuses solutions.

[SpaceFrog]

commencer par le dernier ....

[sekaijin]

en fait apparement le DOM retourne une des collections qui s'utilise au niveau de la syntaxe comme des tableau mais qui en réalité n'en sont pas.

A+jyt

[javatwister]

personnellement, je fais:

Code :

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

while(element.lastChild) {element.removeChild(element.lastChild)}