Greasy Fork is available in English.

setMutationHandler

MutationObserver wrapper to wait for the specified CSS selector

Ce script ne devrait pas être installé directement. C'est une librairie créée pour d'autres scripts. Elle doit être inclus avec la commande // @require https://update.greasyfork.org/scripts/12228/175122/setMutationHandler.js

Auteur
woxxom
Version
3.0.2
Créer
2015-09-05
Mis à jour
2017-02-14
Licence
S/O

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-child', nodes => {
    nodes.forEach(node => node.style.display = 'none');
    return false; // disconnect the observer, this is useful for one-time jobs
});

  • The observation target parameter may be omitted so "document" will be used by default:

    setMutationHandler('.container p.some-selector', nodes => { ...... });

  • Options form:

    setMutationHandler({
    processExisting: true, // Process existing elements and watch for mutations from now on
    selector: '.container p.some-child',
    handler: nodes => nodes.forEach(node => node.style.display = 'none')
});

  • Watch for added nodes only inside the specified container element that already exists in the document:

    setMutationHandler({
    target: document.querySelector('.container-selector'),
    selector: 'p.some-child',
    handler: nodes => nodes.forEach(node => node.style.display = 'none')
});

  • Advanced example with customized mutation options:

    setMutationHandler({
    selector: '.container p.some-child',
    processExisting: false,       // optional
    target: document,             // optional
    childList: true,              // optional
    subtree: true,                // optional
    attributes: false,            // optional
    attributeFilter: [],          // optional
    attributeOldValue: false,     // optional
    characterData: false,         // optional
    characterDataOldValue: false, // optional
    handler: nodes => {
        console.log(nodes);
        return false; // disconnect the observer, this is useful for one-time jobs
    },
});

  • 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==