在 facebook 的油脂猴/tampermonkey 中使用 javascript 删除 CSS 边框答案

【问题标题】：Removing CSS Borders with javascript in greasemonkey/tampermonkey for facebook在 facebook 的油脂猴/tampermonkey 中使用 javascript 删除 CSS 边框
【发布时间】：2013-09-18 20:05:18
【问题描述】：

我正在尝试为 Google Chrome 制作一个油脂猴子脚本（实际上是篡改猴子），以删除 Facebook 上的广告、建议、专栏等。我能够修改我在网上找到的一些用户脚本以删除 Facebook 的广告，以及左右栏，但我不能离开，让我抓狂的是边缘和帖子之间的小灰线。最初它们很好，但是随着柱子的消失，它们只是随机浮动，尤其是正确的那个。要删除它，我尝试使用：

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

它没有用，我尝试了几个小时的其他事情也没有。我进入 Chrome，按 F12，查看资源页面，发现其中包含属性的样式表，内容如下：

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

我不能让他们消失，如果可以的话，我会感谢任何人的帮助，谢谢。

【问题讨论】：

标签： javascript facebook google-chrome greasemonkey tampermonkey

【解决方案1】：

border-right 是一个样式属性，而不是元素属性，所以removeAttribute 不起作用。试试这个：

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

（请注意，对于 JavaScript，border-right 变为 borderRight，并确保您拼写正确。）

但是您可能更喜欢用户样式表。 Stylish 等浏览器扩展允许您编写自动应用的 CSS，而不是通过脚本。（您可以使用display: none 隐藏内容，或使用opacity: 0.5 将其静音。）

【讨论】：