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

Question

我正在尝试为Google Chrome创建一个油猴脚本(其实就是篡改猴子)来删除Facebook上的广告、建议、专栏等。我可以修改我在网上找到的一些用户脚本，删除Facebook的广告以及左右两栏，但我无法离开的是边缘和帖子之间的小灰色线条，这让我抓狂。最初它们很好，但随着列的消失，它们就像是随机浮动的，特别是正确的列。为了删除它，我尝试使用：

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";

(请注意，border-right将成为JavaScript的borderRight，并确保正确拼写名称。)

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