MutationObserver.observe()

mutationObserver.observe(target[, options])

target

Un Node del DOM (que puede ser un Element) perteneciente al árbol DOM, o la raiz de un subárbol de nodos, donde observar cambios.

options Opcional

Un objeto MutationObserverInit opcional, que decribe qué cambios en el DOM deben ser enviados a la función callback del observador.

undefined.

TypeError

llamado en cualquiera de las siguientes circunstancias

• Las opciones han sido configuradas de tal modo que no existe nada que monitorizar (por ejemplo, si MutationObserverInit.childList, MutationObserverInit.attributes, y MutationObserverInit.characterData son false)
• La opcion attributes es false (indicando que los cambios en los atributos no son monitorizados) y attributeOldValue es true y/o attributeFilter está presente.
• Las opciones characterDataOldValue son true pero MutationObserverInit.characterData es false (indicando que los cambios en los caracteres no se guardan).

Puede llamar varias veces al método observe() del mismo objeto MutationObserver para ver los cambios en diferentes partes del árbol del DOM y/o diferentes tipos de cambios. Sin embargo ha de tener en cuenta:

• Si llama a observe() en un nodo que ya estaba siendo observado por el mísmo MutationObserver, todos los observadores serán automáticamente eliminados de todos los elementos observados antes de que el nuevo observador sea activado.
• Si el mismo MutationObserver no estaba siendo usado sobre ese nodo, entonces los observadores existentes se quedarán solos y se agregará el nuevo.

Los observadores de cambios tienen como objetivo permitirle ver un conjunto de nodos a lo largo del tiempo, incluso si la conexion entre estos nodos desaparece. Si esta observando un subárbol de nodos, y una parte del subárbol es desconectado y llevado a otra parte del DOM, continuará viendo ese mismo segmento de nodos, recibiendo las mismas llamadas a la función que antes de ser desconectado.

En otras palabras, hasta que se le haya notificado que los nodos se están separando de su subárbol monitoreado, recibirá notificaciones de los cambios en ese subárbol y sus nodos. Esto evita que pierda los cambios producidos despues de que la conexion se corte y antes de que tenga la oportunidad de especificar un nuevo monitoreo sobre los cambios en el nodo o subárbol movido.

De manera que en teoria si mantiene la pista de los objetos MutationRecord que describen los cambios, podrá "deshacer" los mismos, devolviendo el DOM a su estado inicial.