Mutation Observer es una interfaz para monitorear los cambios de DOM. Cuando hay algún cambio en el árbol de objetos DOM, se notificará al observador de mutaciones. Este artículo compartirá con usted las operaciones de deshacer y alternativas del editor basándose en el nuevo Observador de mutaciones de funciones HTML5. Los amigos interesados se referirán a la introducción de MutationObserver.
MutationObServer proporciona a los desarrolladores la capacidad de responder adecuadamente cuando los árboles DOM dentro de un cierto cambio de rango. La API está diseñada para reemplazar los eventos de mutación introducidos en la especificación del evento DOM3.
Mutation Observer es una interfaz para monitorear los cambios de DOM. Observador de mutación se notifica cuando ocurren cambios en el árbol de objetos DOM.
Mutation Observer tiene las siguientes características:• Esperará a que todas las tareas de script se completen antes de que se ejecute, es decir, usará un método asincrónico.
• Encapsula los registros de cambio DOM en una matriz para el procesamiento, en lugar de procesar individualmente los cambios DOM.
• Puede observar todos los cambios que ocurren en el nodo DOM u observar un cierto tipo de cambios.
Información de MDN: MutationObServer
MutationObServer es un constructor, por lo que al crearlo, debe usar MutationObServer;
Al instancias de MutationObServer, se requiere una función de devolución de llamada, que se llamará cuando cambia el nodo DOM especificado (nodo de destino).
Cuando se le llama, el objeto Observador pasará dos parámetros a la función:
1: El primer parámetro es una matriz que contiene varios objetos de registro de mutaciones;
2: El segundo parámetro es el objeto observador en sí.
Por ejemplo:
Copiar el código