Mutation Observer

Definition

Le MutationObserver surveille les modifications du DOM (ajout/suppression de noeuds, changement d'attributs, modification de texte) et execute un callback de maniere asynchrone par lots.

Analogie

Une camera de surveillance qui enregistre tous les changements dans une piece et te montre un resume plutot que de t'alerter a chaque micro-mouvement.

Exemple de code

const observer = new MutationObserver((mutations) => {
  mutations.forEach(m => console.log(m.type, m.target));
});
observer.observe(document.body, {
  childList: true, subtree: true
});

Cas d'usage

Reagir a l'injection dynamique de contenu par un script tiers pour le modifier ou le filtrer.