[DOM] Suppression dynamique DOM

Version imprimable

17/06/2008, 12h51
The SorroW

[DOM] Suppression dynamique DOM

Bonjour,

Voila j'ai un document HTML de cette forme.

Citation:

<span>
<label>TextNode</label>
<div class='droite'>
<img ... />
<input type'hidden' ... />
</div>
</span>
<span>
....
</span>

dans la balise img il y a onclick="this.parentNode.parentNode.removeChild(this.parentNode)"

Le problème c'est que çà supprime juste la <div class='droite'> et son contenu.

Ce que je voudrais c'est que çà supprime la span (avec en conséquence le label). Si je remplace onclick="this.parentNode.parentNode.removeChild(this.parentNode)" par
onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode)"

j'ai une erreur : "Node was not found" code: "8"

Merci de votre aide :cry:
17/06/2008, 13h07
le_chomeur

il faut que tu remonte sur la span et delete le first child :)

Code:

onclick="this.parentNode.parentNode.removeChild(this.parentNode.parentNode.firstChild)"
17/06/2008, 13h22
The SorroW

Merci de ton conseil.

En fait ta réponse supprime le premier élément du span mais pas le span entier d'un coup malheureusement.

Et pourquoi le this.parentNode.parentNode.parentNode.removeChild ne fonctionne pas ...

Merci encore
17/06/2008, 13h33
E.Bzz

Bonjour,
il semble manquer un parentNode : tu ne remontes qu'au span (et non à son parentNode), et tu ne dois donc supprimer que le label, actuellement ....

NB : dans la syntaxe donnée, il faut que le span soit le 1° élément de son parentNode ...

A+
17/06/2008, 13h45
The SorroW
Merci de votre aide.

J'ai trouvé la solution :
Code:

1 2 3 4 this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode) ou this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode.parentNode.firstChild)
Ce qui montre en toute franchise que je n'ai rien compris à son utilisation. J'en profite pour vous demander une petite explication.

avec this.parentNode.parentNode.parentNode.removeChild -> je remonte jusqu'à la span. Pourquoi il faut que je mette removeChild(this.parentNode.parentNode) soit une parentNode de moins bref je comprends pas ...

Merci pour cette explication car c'est obscur la :aie:
17/06/2008, 13h49
tusssss

Avec la première instruction tu ne remonte pas au span mais à son parent, auquel tu viens "enlever un enfant" (removechild) ensuite entre les parenthèse tu lui expliques lequel de ses enfants tu veux lui enlever, donc forcément un cran moins loin.

C'est pas facile à expliquer...
17/06/2008, 13h52
E.Bzz

Citation:

Envoyé par tusssss

ensuite entre les parenthèse tu lui expliques lequel de ses enfants tu veux lui enlever, donc forcément un cran moins loin.

Ou en pointant son 1° enfant (2° syntaxe), mais à partir du parent. Tu as cette fois le même nombre de niveaux ...

A+
17/06/2008, 13h55
The SorroW

Ben impeccable, c'est juste ce qu'il me manquait pour comprendre le fonctionnement.

Je te remercie tusssss (je me rappelle plus le nombre de s :mrgreen: ) ainsi que les modos.

Bonne journée à vous tous.
17/06/2008, 13h55
tusssss

Citation:

Envoyé par E.Bzz

Ou en pointant son 1° enfant (2° syntaxe), mais à partir du parent. Tu as cette fois le même nombre de niveaux ...

A+

Exactement, cependant, je ne sais pas si mon explication est bien claire, il faudrait un beau schéma en arborescence pour bien expliquer, mais bon ce n'est que de la logique parent/enfant, en réfléchissant un peu, on s'en tire facilement :D

Bonne chance :D