是否可以在 JavaScript 中监听属性值的变化？例如：
var element=document.querySelector('…');
element.addEventListener( ? ,doit,false);
element.setAttribute('something','whatever');
function doit() {
}
我想对something属性中的任何更改做出响应。
我已经阅读了该MutationObserver对象以及该对象的替代方法（包括使用动画事件的那个）。据我所知，它们是关于对实际 DOM 的更改。我对特定 DOM 元素的属性更改更感兴趣，所以我认为不是这样。当然，在我的实验中它似乎不起作用。
我想在没有jQuery 的情况下做到这一点。
谢谢
你需要MutationObserver，在我用来setTimeout模拟修改属性的片段中
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">Dummy Text</div>