MutationObserver Test

FXXK TELKOM!

by Anov Siradj

HTML

<button onclick="put_something_on_target();">fire</button>
<span>body {background:red;}</span>
<pre>Log:
</pre>

JavaScript

var __log_elm = document.getElementsByTagName('pre')[0];
function __log(data) {
	console.log(data);
	__log_elm.innerText += data + "\n";
}

function put_something_on_target() {
	//__log('putting..');
	var s = document.createElement('style');
  s.innerText = document.getElementsByTagName('span')[0].innerText;
  document.head.appendChild(s);
}

var observer = new MutationObserver(function(mutations) {
	$.each(mutations, function(idx, mutation) {
  	console.log(mutation);
    $(mutation.addedNodes).each(function() {
    	if(/cfs\.uzone\.id/.test(this.href)) {
      	this.remove();
      	observer.disconnect();
      }
    });
  });
});
observer.observe(document.head, { childList: true });
window.addEventListener('load', function() {
	observer.disconnect();
});

/*
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
http://stackoverflow.com/questions/34429865/watch-dom-for-new-elements-vanillajs
*/