MutationObserver

Définition

API qui observe les changements du DOM (attributs, enfants, texte) de manière asynchrone et performante. Remplace les deprecated Mutation Events.

Analogie

Une caméra de surveillance qui enregistre chaque modification dans une pièce et te fait un rapport groupe.

Exemple de code

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

Cas d'usage

Détecter des modifications DOM par des scripts tiers, synchroniser un état externe avec le DOM.

Termes liés