☰

setMutationHandler

MutationObserver wrapper to wait for the specified CSS selector

Version vom 11.07.2016. Aktuellste Version

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greatest.deepsurf.us/scripts/12228/135916/setMutationHandler.js

Autor
woxxom
Version
2.0.5
Erstellt am
05.09.2015
Letzte Aktualisierung
11.07.2016
Größe
1,83 KB
Lizenz
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://greatest.deepsurf.us/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 
    return true; // continue enumerating current batch of mutations
});

  • 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 
    return true; // continue enumerating current batch of mutations
});

  • 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, mutation) {
    console.log('Node %O changed title from "%s" to "%s"',
        nodes[0], mutation.oldValue, nodes[0].title);
    });
    //this.disconnect(); // stop observing 
    return true; // continue enumerating current batch of mutations
});

  • You may want to make your userscript run at document-start to catch the mutations during page load:

    ..............
// @run-at        document-start
// @require       https://greatest.deepsurf.us/scripts/12228/code/setMutationHandler.js
..............
// ==/UserScript==