Comment puis-je supprimer tous les éléments enfants d'un nœud DOM en JavaScript ?

Suppression des éléments enfants d'un nœud DOM en JavaScript

Pour supprimer tous les éléments enfants d'un nœud DOM en JavaScript, vous pouvez utiliser plusieurs approches .

Option 1 : InnerHTML
Cette méthode remplace l'intégralité du contenu interne d'un nœud. C'est simple mais peut avoir des implications sur les performances en raison de l'analyse HTML du navigateur.

Exemple :

const myNode = document.getElementById("foo");
myNode.innerHTML = '';

Option 2 : Collection de nœuds enfants
Accéder à la collection de nœuds enfants du nœud et définissez-le sur un tableau vide :

myNode.childNodes.length = 0;

Option 3 : Supprimer l'enfant (jQuery)
Pour les utilisateurs de jQuery, l'extrait suivant supprime efficacement les éléments enfants :

$('#foo').empty();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!