主页 / computer / 问题 / 1486531
Accepted
JJJohn
Asked: 2019-09-27 02:34:51 +0800 CST

如何让 chrome 自动删除 <div> 元素？

  • 772

这篇文章给出的方法效果很好，可以让 chrome 自动删除 html 标头。虽然在处理横幅时它失败了。

这是横幅的 html 代码

<div id="js-gdpr-consent-banner">

这是在 TamperMonkey 中运行的代码。

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @grant        none
// @include        http://*
// @include        https://*
// ==/UserScript==

(function() {
    'use strict';

    var elems = document.getElementsByTagName('header');
    elems[0].parentNode.removeChild(elems[0]);
    var elems1 = document.getElementsById('js-gdpr-consent-banner');
    elems1[0].parentNode.removeChild(elems1[0]);
})();

我错过了什么？

google-chrome tampermonkey

1 个回答

  1. Best Answer

    应该只有一个具有该 ID 的元素，您应该使用 getElementById （不是复数形式，它不存在）

    https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

    根据浏览器/javascript 的版本，您只需执行 elems1.remove() 即可将其删除

    https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove

    完整的代码类似于

    // ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @grant        none
// @include        http://*
// @include        https://*
// ==/UserScript==

(function() {
    'use strict';

    var elems = document.getElementsByTagName('header');
    elems.item(0).remove();
    var elems1 = document.getElementById('js-gdpr-consent-banner');
    elems1.remove();
})();
    • 3

相关问题