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

时间:2013-09-14 03:51:49

标签: javascript facebook google-chrome greasemonkey tampermonkey

我正在尝试为Google Chrome制作一个油脂猴子脚本(实际上是篡改猴子),以便在Facebook上删除广告,建议,专栏等。我能够修改我在网上找到的一些用户脚本来移除Facebook的广告,以及左右列,但我不能离开的东西,让我发疯的是边缘和帖子之间的小灰线。最初他们很好,但随着柱子的消失,他们只是随意漂浮,特别是正确的。删除它,我试图使用:

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

它没有用,我尝试过的其他几件事也没有。我进入Chrome浏览器,点击F12,检查资源页面,找到包含属性的样式表,内容如下:

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

我无法让它们消失,我将非常感谢任何可以帮助的人的帮助。

1 个答案:

答案 0 :(得分:4)

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

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

(请注意,border-right成为JavaScript的borderRight,并确保您完全拼写名称。)

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