Veamos cómo "observar" nuestro DOM (ya sea el documento entero, un elemento div, spam, input o cualquier otro) y reaccionar al momento de detectar un cambio en su estado o contenido, para esto vamos a hacer uso de la clase MutationObserver.
Instanciando
Para hacer uso de esta clase solo debemos crear una instancia en nuestra app
const observer = new MutationObserver(callback);Parametro que recibe:
callback: Función que se ejecutara al momento de detectar un cambio
Metodo observe
Ahora debemos llamar el método observe y pasar 2 parámetros
observer.observe(nodo, configuracion);Parametro que recibe:
nodo: Elemento del dom que se desea observar
configuracion: objeto con la configuración, para saber más consultar la documentación oficial
Para ver como funciona pueden visitar nuestro ejemplo
Comentarios