Discussion :

[LaDentDeLait]

Bonjour à tous, et merci ça ceux ceux qui pourront prendre 1 petite minute pour me conseiller la meilleure pratique en la matière.

Voila : Je cherche à supprimer un élément dont j'ai la référence, et dont je sais uniquement qu'il est le dernier Enfant de son div parent

• Pour cela j'ai envisagé la mise en place d'un prototype .remove() sur les éléments, qui utiliserait .parentNode et .removeChild
• J'ai aussi découvert que la méthode existerait déjà sur certains navigateurs, que ce passe t-il si je créé un prototype portant le même nom ? il supprimer l'implémentation de base ?
• J'ai enfin pensé à un OuterHTML="" sur l’élément à supprimer, mais cela ne laisse t'il pas un nœud vide dans la structure du document ? C'est pourtant la solution qui me semble la plus économique en ressources...

Merci par avance

PS : Je sais que mon titre n'est pas optimisé, il semble impossible de le modifier une fois le sujet lancé... désolé..

[sekaijin]

testé sur la page du forum

Code :

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

1
2
d = document.getElementById("offresdvp");
d.lastChild.remove();

Attention de tester que d existe et qu'il a bien un fils avant d'appeler remove ou alors faire ça dans un try catch

A+JYT

[Bovino]

La méthode est élégante, mais niveau compatibilité, je pense qu'il est préférable de passer par un bon vieux

Code :

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

1
2
var d = document.getElementById("offresdvp");
d.parentNode.removeElement(d);

[arnogues]

Mais messieurs, auriez vous oublié le JS, c'est removeChild

Code :

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

1
2
 
d.parentNode.removeChild(d);

[Bovino]

Au temps pour moi, j'ai écrit un peu trop rapidement removeElement() au lieu de removeChild()...

Cependant, ta remarque ne s'applique pas à la proposition de sekaijin : Des nouveautés dans l'interface Element du DOM niveau 4.

[SylvainPV]

Bovino, dans son cas ce ne serait pas plutôt :

Code :

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

d.removeChild(d.lastChild);

[Bovino]

Bon, promis, je mettrai pas "Lire attentivement les questions du forum avant de répondre des âneries" comme compétence sur mon profil...

Et puis, pour faire la fine bouche (et casser la compatibilité IE < 9) :

Code :

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

d.removeChild(d.lastElementChild);

[LaDentDeLait]

Merci de vous investir autant

J'ai opté pour la solution Selected.parentNode.removeChild(Alternate)... d'une part car 6 étoiles rouges ça impressionne mais également parce cela me permet de contourner les deux question subsidiaires :

• Si j'utilise un prototype dont le nom est nouvellement utilisé par javascript (ex du remove() ajouté par les spécifications DOM4 comme indiqué par Bovino), que se passe t'il ?
• Si je définit le outerHTML d'un élément par "" (chaine vide, donc), celui-ci n'est il pas automatiquement supprimé de la structure du document puisqu'il n'a plus ni forme ni contenu ?

Ce dernier point me parait assez intéressant à creuser

[Watilin]

J'ai aussi découvert que la méthode existerait déjà sur certains navigateurs, que ce passe t-il si je créé un prototype portant le même nom ? il supprimer l'implémentation de base ?

Tu as mis le doigt sur un problème qui s'appelle la collision de noms. C'est un des problèmes qu'on peut rencontrer quand on modifie un prototype du DOM. Si tu lis l'anglais, cet article est une excellente lecture.

• Si j'utilise un prototype dont le nom est nouvellement utilisé par javascript (ex du remove() ajouté par les spécifications DOM4 comme indiqué par Bovino), que se passe t'il ?

Tu ne sais pas ce qui peut se passer car ça dépend du navigateur. Au mieux, tu écrases la propriété et tu perds le comportement par défaut ; au pire ça fait une erreur silencieuse et ça se comporte de façon imprévisible.

• Si je définit le outerHTML d'un élément par "" (chaine vide, donc), celui-ci n'est il pas automatiquement supprimé de la structure du document puisqu'il n'a plus ni forme ni contenu ?

Ce dernier point me parait assez intéressant à creuser

D'après le MDN, quand tu changes outerHTML avec la chaîne str, le nœud est remplacé par le résultat de l'interprétation de str. Le mot interprétation ici signifie que l'interpréteur HTML est appelé pour transformer la chaîne en un fragment d'arbre DOM. Si str est la chaîne vide, le nœud est remplacé par rien, et donc comme tu le penses, il est retiré du DOM.

Par contre, ce n'est pas la solution la plus efficace car, comme avec sa cousine innerHTML, cette propriété fait appel à l'interpréteur HTML, il y a donc forcément une petite charge de travail en plus. Écrire noeud.parentNode.removeChild(noeud) est réellement le plus efficace, même si le code est plus long.

La nouvelle méthode remove fait, à mon avis, la même chose (à verifier) ; en tout cas, elle est certainement au moins aussi efficace.