Firefox adblock plus. How to remove element instead hiding it?

Question

So I have this rule

www.foobar.com##div.annotation

It hides the div great. But how do I remove <div>?

The element is an annoying annotation cookie/whatever on top with CSS attribute position:fixed so I see transparent bar on top of the page.

Answer 1

Try Greasemonkey:, and create new script

 // ==UserScript==
// @name           bleh somthing
// @description    ---s
// @version        1.0
// @license        Public Domain
// @grant          none
// @include        http*://*.DOMAIN.com/*
// @include        http://www.DOMAIN.com/.*
// ==/UserScript==


rem = document.querySelector('.annotation');
rem.parentNode.removeChild(rem);

Answer 2

I am using tampermonkey. This script is for deleting videos instead of hiding them. The example is specific for one site, but by analogy it can be done on any.

let listDeletes = [
    "/chennal/somestuff1",
    "/chennal/somestuff2",
    "/chennal/somestuff3",
    "/chennal/somestuff4",
    "/chennal/somestuff5",
    "/chennal/somestuff6",
    "/chennal/somestuff7",
    "/chennal/somestuff8",
    "/chennal/somestuff9",
];

function delBoxes() {

    for (let i = 0; i < listDeletes.length; i++) {
        document.querySelectorAll(`li a[href^="${listDeletes[i]}"`).forEach(e => e.closest('li').remove());
    }
}
delBoxes();

const observer = new MutationObserver(function (mutation) {
    mutation.forEach(function (mutation) {
        if (mutation.addedNodes.length) {
            delBoxes();
        }
    })
});
const playlistWrapper = document.querySelector('#videoPlaylist');
observer.observe(playlistWrapper, {
    childList: true
})