改变 class 属性而不强迫它保持那样

Question

我一直在尝试更改 Whosebug 上这些按钮的背景颜色：

如果我在 Firefox 的检查器中编辑背景属性，一切都会按预期运行：

但是，一旦我运行一个greasemonkey脚本改变了它，我运行就陷入了问题。这就像我的脚本永久冻结了按钮的背景：

var tags = document.getElementById("nav-tags");
tags.style.background = "#1D3239 none repeat scroll 0% 0%"

我查看过的每个 stackexchange post 我通过 Google 搜索找到的每篇文章都说更改 CSS 的属性的方法class是通过object.style来设置的，但是由于我遇到了这种背景冻结的行为，并且永远不会随着标签按钮的变化和其他人的none而改变，它导致我相信设置样式的背景实际上只是改变（并冻结）元素的背景而不是 class.

如何更改 class 的背景（不仅仅是那个元素）而不让它永久冻结更改（我希望橙色突出显示仍然发生）？即使按钮有 classes，我知道访问它们的唯一方法是通过 document.getElementsByClassName()，它将 return 元素而不是 class。我不知道如何通过 JavaScript 直接编辑 class。

此外，关于橙色突出显示的主题，我在 Firefox 检查器 window 中的任何地方都没有看到属性。我在哪里可以找到它以便我知道要修改什么？

Answer 1

用相同的 class 标记按钮，比如 "orangeToBlack"，然后使用 CSS:

.orangeToBlack {
background-color: orange;
}

.orangeToBlack:hover {
background-color: black;
}

改变 class 属性而不强迫它保持那样

Change class property without forcing it to stay that way

javascript

greasemonkey

改变 class 属性 而不强迫它保持那样

Change class property without forcing it to stay that way

javascript

greasemonkey

改变 class 属性而不强迫它保持那样