☰

setMutationHandler

MutationObserver wrapper to wait for the specified CSS selector

Fra og med 10.10.2016. Se den nyeste version.

Dette script bør ikke installeres direkte. Det er et bibliotek, som andre scripts kan inkludere med metadirektivet // @require https://update.greasyfork.org/scripts/12228/151756/setMutationHandler.js

Skaber
woxxom
Version
2.0.9
Oprettet
05.09.2015
Opdateret
10.10.2016
Size
1,89 kB
Licens
N/A

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';
    });
    //this.disconnect(); // stop observing 
});

  • 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';
    });
    //this.disconnect(); // 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);
    //this.disconnect(); // 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==