“Como escrever um observador de mutação JS” Respostas de código

Observador de mutação JS

const observer = new MutationObserver(list => {
    console.log('mutation list', list);
});
observer.observe(document.body, {
    attributes: true,
    childList: true,
    subtree: true
});
// perform any DOM change action in your page. e.g. show/hide/remove
Anthony Smith

Como escrever um observador de mutação JS

let mList = document.getElementById('myList'),
            options = {
                childList: true,
                attributes: true,
                subtree: true
            },
            observer = new MutationObserver(mCallback);

        function mCallback(mutations) {
            for (let mutation of mutations) {
                // If you remove a child from the container you are watching
                if (mutation.type === 'childList') {
                    console.log('Mutation Detected: A child node has been added or removed.');
                }
                // If you use setAttribute to add a class or ID to an element
                if (mutation.type === 'attributes') {
                    console.log('Mutation Detected: An attribute has been added or removed.');
                }

                if (mutation.type === 'subtree') {
                    console.log('Mutation Detected: A subtree has been added or removed.');
                }
            }
        }

observer.observe(mList, options);
Anthony Smith

Respostas semelhantes a “Como escrever um observador de mutação JS”

Perguntas semelhantes a “Como escrever um observador de mutação JS”

Mais respostas relacionadas para “Como escrever um observador de mutação JS” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código