“Как написать мутационный наблюдатель JS” Ответ

Мутационный наблюдатель 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

Как написать мутационный наблюдатель 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

Ответы похожие на “Как написать мутационный наблюдатель JS”

Вопросы похожие на “Как написать мутационный наблюдатель JS”

Больше похожих ответов на “Как написать мутационный наблюдатель JS” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования