MutationObserver

JavaScript 🟡 Mid

Definition

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

Analogie

Une camera de surveillance qui enregistre chaque modification dans une piece 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

Detecter des modifications DOM par des scripts tiers, synchroniser un etat externe avec le DOM.

Termes lies

#core#DOM