/*Puedes utilizar el objeto MutationObserver para detectar cambios en un elemento y luego ejecutar una función en consecuencia.
Para hacer esto, debes crear una instancia de MutationObserver y pasarle una función de devolución de llamada (callback) que se ejecutará
cada vez que ocurra un cambio en el elemento.
Aquí te dejo un ejemplo de cómo puedes hacer esto para detectar cambios en la propiedad display de un elemento div:
*/
// Selecciona el elemento div que deseas observar
const divObservado = document.querySelector('#miDiv');
// Crea una instancia de MutationObserver
const observador = new MutationObserver(function(mutaciones) {
// Se ejecutará cada vez que ocurra un cambio en el elemento div
mutaciones.forEach(function(mutation) {
// Verifica si la propiedad display cambió
if (mutation.attributeName === 'style' && mutation.target.style.display !== mutation.oldValue) {
// Ejecuta tu función aquí
miFuncion();
}
});
});
// Configura las opciones del observador
const opcionesObservador = {
attributes: true,
attributeFilter: ['style'],
attributeOldValue: true
};
// Comienza a observar el elemento div
observador.observe(divObservado, opcionesObservador);
// Función que se ejecutará cuando la propiedad display del elemento div cambie
function miFuncion() {
// Tu código aquí
}
/*
En este ejemplo, se selecciona el elemento div que deseas observar y se crea una instancia de MutationObserver.
Luego, se configuran las opciones del observador para que solo observe cambios en la propiedad style del elemento y se
inicia la observación del elemento div. Finalmente, se define una función de devolución de llamada (miFuncion) que se
ejecutará cada vez que la propiedad display del elemento div cambie.
*/
