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

Supprimer tous les éléments enfants d'un nœud DOM en JavaScript

L'extrait de code HTML fourni a un nœud parent ("foo") avec deux éléments enfants ("span" et "div"). Pour supprimer tous les éléments enfants de "foo", vous pouvez utiliser les méthodes suivantes :

Option 1 pour DOM uniquement : effacer innerHTML

Cette approche implique d'effacer la propriété innerHTML du nœud parent. Cependant, cette méthode peut ne pas convenir aux applications hautes performances car elle invoque l'analyseur HTML du navigateur :

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

Alternative jQuery

Dans jQuery, vous pouvez utiliser la méthode empty() pour supprimer tous les éléments enfants d'un nœud :

$('#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!