87. Supprimer des éléments du DOM

Pour nettoyer ou mettre à jour l'interface utilisateur, nous devons souvent supprimer des éléments.

1. remove() (Moderne)

C'est la méthode la plus simple. Vous appelez la méthode .remove() directement sur l'élément que vous souhaitez supprimer.

javascript const trash = document.getElementById('item-to-delete');

if (trash) { trash.remove(); // L'élément est supprimé du DOM }

2. removeChild() (Hérité/Basé sur le parent)

Cette méthode nécessite une référence à l'élément parent et de passer l'élément enfant en argument.

javascript const parent = document.getElementById('list'); const child = document.getElementById('first-item');

parent.removeChild(child);

Bonne pratique : Utilisez toujours la méthode .remove() lorsque c'est possible, car elle est plus propre et concise.