Javascript 用于删除使网站模糊不清的 DIV

Question

有一个网站 div:

<div class="x" style="user-select: none; filter: blur(4px);">

在这个div下面还有很多其他的div。我想知道是否有可能只删除这个 DIV 和 javascript。所以只有那个被删除，下面的所有 div 都保留下来。

我想去掉这个 DIV 因为这个 div 模糊了网站文本的一部分。只是改变 blur(4px) 是行不通的，该网站有某种保护机制，可以将这部分刷新回原来的状态。我在 javascript 中搜索可能性的原因是因为我想在浏览器中自动执行此操作。（只需在开发人员模式下手动删除 DIV 即可）

到目前为止我得到了以下信息：

var div = document.getElementsByClassName('page-content');
div.remove();  //(but this does not work)

Answer 1

getElementsByClassName()returns一个合集。只有单个对象有 remove() 方法。您必须应用以下其中一项：

div[0].remove()

div.item(0).remove()

两种方式是等价的。

作为替代方法，您可以调用 querySelector() 方法：

const div = document.querySelector('.page-content')

它 returns 是一个单独的对象（根据传递的 CSS 选择器）所以你可以使用：

div.remove()

编辑：

要仅删除覆盖 div，您可以使用 replaceWith() 方法并将 div 的子节点作为参数传递：

div.replaceWith(...div.childNodes)

如果只想保留元素节点，请使用children 属性:

div.replaceWith(...div.children)

Javascript for deleting DIV that blurs website