Eu sei que o MutationObserver()
foi desenvolvido para detectar alterações no DOM do HTML.
Mas gostaria de saber como isso funciona na prática.
Criamos uma situação hipotética, que tal?
Existe uma <div>
com id='hipotese'
(acredito que ela será observada pelo seu id
, correto?)
Está <div>
possuí diversos outros conteúdos dentro dela, que são gerados dinamicamente. (não temos controle da quantidade de conteúdo gerado dentro dela)
O que acontece é que existem diversos métodos que atuam nesses conteúdos dinâmicos. (recebem diversos parâmetros vindo desses conteúdos)
No Google Chrome podemos apertar o F12 e sair alterando os atributos deste conteúdo da forma que bem entendermos. E depois de alterados quando acontecesse a chamada dos métodos, os retornos não seriam como o esperado (gerados de forma dinâmica)
-- Fim da situação hipotética --
Como eu consigo observar e detectar a menor e mais simples mudança nestes elementos presentes em nossa <div id='hipotese'>
?
Existe alguma outra forma de detectar essa alteração?
Sei que o usuário pode desativar o JavaScript
, mas nada que não possa ser resolvido com o <noscript>