Skip to content

Instantly share code, notes, and snippets.

@marczhermo
Created May 2, 2018 14:57
Show Gist options
  • Save marczhermo/6135b8493f7b756a746214b188bb25e7 to your computer and use it in GitHub Desktop.
Save marczhermo/6135b8493f7b756a746214b188bb25e7 to your computer and use it in GitHub Desktop.
Dom Mutation Observer
var cart = $('#gadget-cart');
var observeDOM = (function(){
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
eventListenerSupported = window.addEventListener;
return function(obj, callback){
if( MutationObserver ){
// define a new observer
var obs = new MutationObserver(function(mutations, observer){
if( mutations[0].addedNodes.length || mutations[0].removedNodes.length )
callback();
});
// have the observer observe foo for changes in children
obs.observe( obj, { childList:true, subtree:true });
}
else if( eventListenerSupported ){
obj.addEventListener('DOMNodeInserted', callback, false);
obj.addEventListener('DOMNodeRemoved', callback, false);
}
};
})();
observeDOM(cart.get(0), function(){
console.log('changed');
console.log(cart.html());
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment