构建chrome扩展 - 无法阻止div

Question

我正在构建一个chrome扩展。我试图阻止redditp上的箭头，点击一个按钮，只有当你重新站在网站上时才出现。有问题的网站是www.redditp.com。

的manifest.json

{
"name": "Redditp Button Disabler",
"version": "0.0.1",
  "description": "Disable ugly buttons on Redditp. Made by Algy.",
  "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.querySelector('div#nextButton').innerHTML = '';

我做了什么搞砸了？目前我只是试图让它删除右箭头，因为我假设一旦我知道如何做一个，我可以删除我需要的其他一切。当我想要删除更多时，我可以把它放在第一行代码下面吗？我还需要做任何事情才能让我的图标显示并在点击时执行代码吗？

谢谢你们。