使用javascript更改css类样式

考虑到下面的css样式，如何使用javascript重置背景色？不仅针对当前突出显示的按钮，而且针对所有未来突出显示的按钮

#bottom_buttons > div.bottom_button.highlighted {
    background-color: #343434;
}

例如：

$（“div.bottom_button.highlighted”）.css（“背景色”，“e67300”）
这可以工作，但一旦页面更改，就会被覆盖。IE失去焦点或更新

同样地
document.getElementById（“底部按钮”）style.backgroundColor=“#e67300”
可以在单击时更改带编号的按钮，但也不会持续。
通过刷新，很难在页面之间持续更改CSS。也就是说，您可以使用本地存储来实现这一点

以下是您的操作方法：


函数覆盖样式（样式）{
var styleOverwrites=document.getElementById（'style-overwrites'）；
如果（样式覆盖===null）{
styleOverwrites=document.createElement（'style'）；
styleOverwrites.id='styleOverwrites'；
document.head.appendChild（样式覆盖）；
}
styleOverwrites.innerHTML=样式；
//将样式保存到本地存储
setItem（'Overrided-styles'，styles）；
}
//在这里，样式从本地存储中抓取并加载以进行持久化
addEventListener（“DOMContentLoaded”，函数（事件）{
var styles=localStorage.getItem（'overrided-styles'）；
如果（样式！=null）
{
覆盖样式（样式）；
}
});
//覆盖样式的示例
覆盖样式(`
#底部按钮>div.bottom按钮。高亮显示{
背景色：#e67300；
}
`);你所说的“一旦页面改变”是什么意思？除了做前端操作外，你还需要在后端工作以记录你所做的事情，例如通过jquery ajax或cookie等，否则当“页面改变”像一个符咒一样工作时，服务器将返回相同的响应。非常感谢你。现在看看是否还有其他样式需要替换。