Comment supprimer tous les nœuds enfants d'un élément DOM en JavaScript ?

Comment supprimer tous les éléments enfants d'un nœud DOM (JavaScript)

En JavaScript, vous pouvez supprimer tous les éléments enfants d'un nœud DOM par Différentes manières d’y parvenir.

Option 1 : Effacer innerHTML

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

Cette méthode est simple et facile, mais peut ne pas convenir aux applications qui nécessitent des performances élevées car elle appellera le navigateur Analyseur HTML (mais le navigateur peut optimiser le cas où la valeur est une chaîne vide).

Option 2 : utilisez RemoveChild

const myNode = document.getElementById("foo");
while (myNode.firstChild) {
  myNode.removeChild(myNode.firstChild);
}

Cette méthode consiste à parcourir les éléments enfants et à les supprimer les uns après les autres, et offre de meilleures performances que l'option 1.

Options jQuery

Si vous utilisez jQuery, vous pouvez supprimer les éléments enfants en utilisant :

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

Cela supprimera les éléments enfants du élément spécifié Supprime tous les éléments enfants.

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!