Comment supprimer tous les enfants d'un élément DOM

Étant donné un élément DOM, comment supprimer tous ses enfants?

Étant donné un élément dans le DOM, utilisezquerySelector()pour l'identifier, comme ceci:

const item = document.querySelector('#itemId')

puis, pour supprimer tous ses éléments enfants, vous avez quelques solutions différentes.

Le moyen le plus rapide ressemble à ceci:

item.innerHTML = ''

Une autre solution suggérée est la suivante: créez une boucle, vérifiez si lefirstChildla propriété est définie (l'élément a au moins un enfant) puis supprimez-le:

const item = document.querySelector('#itemId')
while (item.firstChild) {
  item.removeChild(item.firstChild)
}

La boucle se termine lorsque tous les enfants sont supprimés.

Le premier, dans la plupart des tests de performance que j'ai vérifiés, semble être la solution la plus rapide.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de didacticiels sur le navigateur: