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);