使用 GreaseMonkey 從網站隱藏 DIV 的問題

Question

有一個網站，如果沒有廣告，您將無法查看內容。 我已經嘗試過 Anti-Ad Blocker，但腳本使所有鏈接都無法使用。

我嘗試編寫 Greasemonkey 腳本來手動隱藏那幾個廣告，但到目前為止它不起作用（我不知道為什么）。

// ==UserScript==
// @name     Hide annoying shinden ads
// @include  https://shinden.pl/*
// @grant    GM_addStyle
// ==/UserScript==



var div = document.getElementById("banner-outer");
if (div) {
    div.style.display = "none";
}

---

我想刪除的元素：

<div id="banner-inner" style="transform: matrix(0.99999, 0.00087, -0.00087, 0.99999, 0, 0);">
            ...
        </div>

有時也會隨機出現不同的 div，這會阻止整個站點：

<div style="position: fixed; display: block; width: 100%; height: 100%; inset: 0px; background-color: rgba(0, 0, 0, 0); z-index: 300000;"></div>

我不知道如何刪除它，因為它沒有 ID。

PS網站如下： https : //shinden.pl/

Answer 1

您可以使用以下代碼從網頁中刪除 Div。

如果在“橫幅內部 Div”內創建隨機 Div，則上述解決方案有助於創建此類 Div。

如果是在外部創建，則必須通過可用屬性（如 width、hieght、z-index 以及 Div（具有 ID）的祖父級）找到 Div，以查明並刪除創建的 div。

// ==UserScript==
// @name     RemoveDiv
// @version  1.0
// @grant    none
// ==/UserScript==

var toBeRemoved = document.getElementById('banner-inner');
if (toBeRemoved) {
    toBeRemoved.parentNode.removeChild(toBeRemoved);
}