Méthode removeChild() de HTML DOM

Objet Element HTML DOM

removeChild()La méthode supprime des noeuds enfants du DOM et retourne le noeud supprimé.

Syntaxe :

node.removeChild(node)

var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);

Compatibilité du navigateur

Tous les navigateurs prennent en charge complètement la méthode removeChild() :

Valeur du paramètre

Détails techniques

Plus d'exemples

Trouver si DIV possède des noeuds enfants. Si trouvé, supprimez son premier enfant (index 0) :

var div = document.getElementById("demo");
if (div.hasChildNodes()) {
　　　div.removeChild(div.children[0]);
}

Supprimer tous les éléments enfants d'un élément :

var div = document.getElementById("demo");
while (div.hasChildNodes()) {
　div.removeChild(div.children[0]);
}

Supprimer un élément spécifique sans spécifier son noeud parent :

var node = document.getElementById("myP");
if (node.parentNode) {
　　　node.parentNode.removeChild(node);
}

Références associées

Référence HTML DOM :node Méthode .parentNode()

Référence HTML DOM :node Méthode .hasChildNodes()

Référence HTML DOM :node Méthode .appendChild()

Référence HTML DOM :node Méthode .insertBefore()

Référence HTML DOM :node Méthode .replaceChild()

Objet Element HTML DOM