Question

我正试图从www.redditp.com删除箭头。我认为我遇到的问题是这些div的内部HTML实际上不包含任何东西，所以我需要删除实际的元素（我无法找到如何做到这一点）。但我可能完全错了。这是我的代码。

的manifest.json

{
  "name": "Redditp Button Disabler",
  "version": "0.0.1",
  "description": "Disable ugly buttons on Redditp.",
  "permissions": ["https://redditp.com/"],
  "manifest_version": 2,
  "content_scripts": [
    {
        "matches": [
        "http://redditp.com/*"],
        "js": ["main.js"],
        "run_at": "document_end",
        "all_frames": true
    }
  ]
}

main.js

document.getElementById('nextButton').innerHTML = '';
document.getElementById('prevButton').innerHTML = '';

有人能找到一种方法让我适合这个吗？多谢你们。

Answer 1

Benjamin Gruenbaum的评论解决了我的问题。我的猜测是正确的，问题是它是一个我试图删除的图标，因此div是空的。新的main.js如下。

main.js

var prev = document.getElementById('prevButton'); prev.parentNode.removeChild(prev);
var prev = document.getElementById('nextButton'); prev.parentNode.removeChild(prev);
var prev = document.getElementById('navboxContents'); prev.parentNode.removeChild(prev);
var prev = document.getElementById('titleDiv'); prev.parentNode.removeChild(prev);
var prev = document.getElementById('controlsDiv'); prev.parentNode.removeChild(prev);

我完成了我想删除的内容。所以现在，当你加载页面时，所有无用的ui元素都被删除了。请记住，除了括号之外，您需要使用括号，而不是类，如果您将该类放入其中，它将无法工作。

再次感谢Ben的帮助。

我想从网站上完全删除一个元素。 Chrome扩展程序

1 个答案: