Почему не работает MutationObserver?

Question

[Byiome124]

После удаления div id="test", ничего не происходит.В консоле никакой ошибки нет.

html -
<div id="test"></div>
JS -

document.addEventListener("DOMContentLoaded", function () {

    const targetNode = document.getElementById('test');

    const config = { attributes: true, childList: true, subtree: true, characterData: true };


    const callback = function (mutationsList, observer) {
        for (let mutation of mutationsList) {
            if (mutation.type === 'childList') {
                console.log("Deleted");
            }
        }
    };

    const observer = new MutationObserver(callback);

    observer.observe(targetNode, config);
})

Answer 1

[Rsa97]

MutationObserver не реагирует на удаление элемента, за которым он следит. Надо следить за childList родительской ноды.

Answer 2

[Надим]

Ставьте наблюдателя уровнем выше, либо вовсе цепляйте на body.