如何使用用户脚本删除广告?

问题描述

我正在尝试删除用户脚本中网站上的广告,但是.remove()style.display="none"似乎无效。

到目前为止,我的代码

var adTop = document.getElementsByName('abp leaderboard-abp')[0];
adTop.style.display="none";

var adBt = document.querySelectorAll('.profile-ads-container')[0];
adBt.style.display="none";

var adLeft = document.querySelectorAll('.abp abp-container left-abp')[0];
adLeft.style.display="none";

var adRight = document.querySelectorAll('.abp abp-container right-abp')[0];
adRight.style.display="none";

如果我的代码有其他问题,请告诉我。

解决方法

您正在尝试选择广告元素,但是您只能使用[0]

将更改应用于第一个广告元素

您可以选择并遍历所有这些对象,以指定所需的行为或样式。

例如:

document.querySelectorAll('.abp leaderboard-abp').forEach((elem) => {
     elem.style.display = 'none';
});

**如果这对您不起作用,请提供您正在使用的HTML的示例。