Mutation Observers HTML

by amindunited

HTML

<div id="myDiv" data-stuff='hey'>
 Content 
</div>

JavaScript

// see :https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

const callback = (e) => {
	console.log('my callback', e);
}

const observer = new MutationObserver(callback);
const targetNode = document
  	.querySelector('#myDiv')

const config = {
 attributes: true,
 childList: true,
 subtree: true
};

observer.observe(targetNode, config);

setTimeout(()=>{
	document
  	.querySelector('#myDiv')
    .dataset.stuff = 'foo';
}, 3000)