Mutation Observers

by stopsatgreen

HTML

<a href="#foo">Something</a>

JavaScript

// Polyfill IE9, IE10: https://github.com/Polymer/MutationObservers

var el = document.querySelector('a');
var observer = new MutationObserver( function (mutations) {
    mutations.forEach( function (mutation) {
        console.log(mutation);
    });
});
var config = {
    attributes: true,
    attributeOldValue: true,
    childList: true,
    characterData: true
};

observer.observe(el, config);

el.addEventListener('click', function (ev) {
    ev.preventDefault();
    el.setAttribute('href','http://');
});