setMutationHandler

MutationObserver wrapper to wait for the specified CSS selector

اعتبارا من 10-02-2017. شاهد أحدث إصدار.

لا ينبغي أن لا يتم تثبيت هذا السكريت مباشرة. هو مكتبة لسكبتات لتشمل مع التوجيه الفوقية // @require https://update.greatest.deepsurf.us/scripts/12228/174269/setMutationHandler.js

Ask a question, post a review, or report the script.

المؤلف: woxxom
الإصدار: 2.1.0
تم إنشاؤه: 05-09-2015
تم تحديثه: 10-02-2017
الحجم: 2.26 KB
الترخيص: لا يوجد

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';
    });
    return false; // 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';
    });
    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://greatest.deepsurf.us/scripts/12228/code/setMutationHandler.js
..............
// ==/UserScript==