JavaScript: Słuchaj zmiany atrybutu?

Question

Czy w języku JavaScript można nasłuchiwać zmiany wartości atrybutu? Na przykład:

var element=document.querySelector('…'); 
element.addEventListener(? ,doit,false); 

element.setAttriubte('something','whatever'); 

function doit() { 

} 

chciałbym odpowiedzieć na wszelkie zmiany w atrybucie something.

Przeczytałem na obiekcie MutationObserver, a także alternatywne dla tego (w tym ten, który korzysta z wydarzeń animacji). O ile wiem, dotyczą one zmian w rzeczywistym modelu DOM. Bardziej interesują mnie zmiany atrybutów w konkretnym elemencie DOM, więc nie sądzę, że to jest to. Z pewnością w moim eksperymentowaniu nie wydaje się działać.

Chciałbym zrobić to bez jQuery.

Dzięki

Answer 1

Trzeba MutationObserver tu, w fragmencie Użyłem setTimeout symulować modyfikując atrybut

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; 
 

 
var element = document.querySelector('#test'); 
 
setTimeout(function() { 
 
    element.setAttribute('data-text', 'whatever'); 
 
}, 5000) 
 

 
var observer = new MutationObserver(function(mutations) { 
 
    mutations.forEach(function(mutation) { 
 
    if (mutation.type == "attributes") { 
 
     console.log("attributes changed") 
 
    } 
 
    }); 
 
}); 
 

 
observer.observe(element, { 
 
    attributes: true //configure it to listen to attribute changes 
 
});

<div id="test"> 
 
</div>