$cat~/glossario/mutation-observer.md

Mutation Observer

Web Platform

API para observar mudanças na árvore DOM.

mutation-observer.mdmarkdown
01

seção

Explicação

Mutation Observer — API para observar mudanças na árvore DOM.

Observa mudanças DOM: childList, attributes, characterData. Async batched callbacks.

DevTools alternativa programática; libs test aguardam elemento aparecer.

02

seção

Exemplo

snippetJavaScript
const mo = new MutationObserver((mutations) => {  mutations.forEach(m => console.log(m.type, m.target));});mo.observe(el, { childList: true, subtree: true });
03

seção

Modo de uso

  • Sync third-party widget inject

  • Wait for selector test e2e

  • Highlight DOM edits debug

04

seção

Armadilhas comuns

  • Observer loop se callback muta observed subtree

  • Performance subtree:true amplo

05

seção

Termos relacionados