Observer Example
Click me away!
Click me too!
You are plain
Javascript Code
$('button').on('click', function() {
var paras = $('article div p');
if (paras.hasClass('red')) {
paras.removeClass('red');
paras.addClass('yellow');
paras.text('I am yellow');
} else {
paras.removeClass('yellow');
paras.addClass('red');
paras.text('I am red');
}
});
MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var observer = new MutationObserver(function(mutations, observer) {
// fired when a mutation occurs
console.log(mutations);
showColor()
// ...
}),
div = $('article div')[0];
observer.observe(div, {
childList: true,
subtree: true,
attributes: true
});
function showColor() {
var div = $('article .what'),
paras = $('article div p:first');
console.log(paras.text());
if (~paras.text().indexOf("yellow")) {
div.text('You are yellow');
} else {
div.text('You are red');
}
}