सेट के बिना वर्ग परिवर्तन का पता लगाने के अंतराल

Question

मेरे पास div है जिसमें प्रोग्राम में अतिरिक्त कक्षाएं शामिल हैं। मैं इस setInterval कार्यान्वयन के बिना कक्षा नाम परिवर्तन का पता कैसे लगा सकता हूं?

setInterval(function() { 
    var elem = document.getElementsByClassName('original')[0]; 
    if (elem.classList.contains("added")) { detected(); } 
}, 5500); 

उत्परिवर्तन ऑब्सर्वर?

Answer 1

आप mutation observer का उपयोग कर सकते हैं। यह आजकल widely supported है।

var e = document.getElementById('test') 
 
var observer = new MutationObserver(function (event) { 
 
    console.log(event) 
 
}) 
 

 
observer.observe(e, { 
 
    attributes: true, 
 
    attributeFilter: ['class'], 
 
    childList: false, 
 
    characterData: false 
 
}) 
 

 
setTimeout(function() { 
 
    e.className = 'hello' 
 
}, 1000)

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