MutationObserver wrapper to wait for the specified CSS selector
As of
Hindi dapat direktang i-install ang script na ito. Ito ay isang library para sa iba pang mga script na isasama sa meta directive. // @require https://update.greasyfork.org/scripts/12228/174273/setMutationHandler.js
A MutationObserver wrapper to wait for an element (or elements) with the specified CSS selector.
First, load the function in your script metablock:
.............. // @require https://greasyfork.org/scripts/12228/code/setMutationHandler.js .............. // ==/UserScript==
Watch for added nodes:
setMutationHandler(document, '.container p.some-selector', function(nodes) {
nodes.forEach(function(node) {
node.style.display = 'none';
});
return false; // stop observing
});
The observation target parameter may be omitted so "document" will be used by default:
setMutationHandler('.container p.some-selector', function(nodes) { ...... });
Watch for added nodes only inside the specified container element that already exists in the document:
setMutationHandler(document.querySelector('.container-selector'), '.some-selector', function(nodes) {
nodes.forEach(function(node) {
node.style.display = 'none';
});
return false; // stop observing
});
Advanced example with customized options to watch for changes in the title attribute:
setMutationHandler(document, '.some-selector', processNodes, {
attributes: true, attributeFilter: ['title'],
subtree: true
});
function processNodes(nodes) {
console.log(nodes);
//return false; // stop observing
});
You may want to make your userscript run at document-start to catch the mutations during page load:
.............. // @run-at document-start // @require https://greasyfork.org/scripts/12228/code/setMutationHandler.js .............. // ==/UserScript==