javascript - 在 facebook 的 greasemonkey/tampermonkey 中使用 javascript 删除 CSS 边框

Question

我正在尝试为 Google Chrome 制作一个 grease monkey 脚本(好吧，实际上是 tamper monkey)以删除 Facebook 上的广告、建议、专栏等。我能够修改我在网上找到的一些用户脚本以删除 Facebook 的广告，以及左右栏，但我无法离开，让我发疯的是边缘和帖子之间的小灰线。最初它们很好，但是随着柱子的消失，它们有点随机 float ，尤其是右边的柱子。要删除它，我尝试使用:

document.getElementById('mainContent').removeattribute('border-right');

它没有用，我尝试了几个小时的其他东西也没有用。我进入 Chrome，按 F12，检查资源页面，找到带有属性的样式表，上面写着:

.hasLeftCol #mainContainer{border-right:1px solid #ccc;min-height:600px}

我无法让他们离开，我将不胜感激任何可以帮助的人，谢谢。

Answer 1

border-right 是样式属性，不是元素属性，因此 removeAttribute 将不起作用。而是试试这个:

document.getElementById("mainContainer").style.borderRight = "none";

(请注意，对于 JavaScript，border-right 会变成 borderRight，并确保拼写准确。)

但是您可能更喜欢用户样式表。浏览器扩展，例如 Stylish让您编写自动应用的 CSS，而不是通过脚本。 (您可以使用 display: none Conceal 内容，或使用 opacity: 0.5 将它们静音。)