Javascript 本地存储单击添加/删除类

我有一个工作脚本，它添加了背景色并将其保存到本地存储。我想把它转换成addClass。 我不认识任何JS。我在将.css更改为.addClass时遇到的问题是，它不会删除以前选择的背景色。获取身体class=“c-wit c-rood c-ori”

不知怎的，它在Stackoverflow上不起作用。但也许有人知道我如何删除body类并添加新类

if（localStorage.getItem（“后台”）！=null）{
getcolor=localStorage.background；
$（'body'）.css（'background'，getcolor）；
}
$（“.c-ori”）。单击（函数（）{
SetColor='#0c1534'；
localStorage.removietem（'background'）；
$（'body'）.css（'background'，setcolor）；
localStorage.setItem（“背景”，setColor）；
});	
$（“.c-wit”）。单击（函数（）{
setcolor='#fff'；
localStorage.removietem（'background'）；
$（'body'）.css（'background'，setcolor）；
localStorage.setItem（“背景”，setColor）；
});	
$（“.c-rood”）。单击（函数（）{
SetColor='#B71C1C'；
localStorage.removietem（'background'）；
$（'body'）.css（'background'，setcolor）；
localStorage.setItem（“背景”，setColor）；
});

*{框大小：边框框；}
html{color:#fff；高度：100%；}
正文{背景：#0c1534；边距：0；填充：0；高度：100%；过渡：0.5s；}
.kleur{文本对齐：中心；位置：固定；顶部：10px；左侧：15px；z索引：1；高度：30px；颜色：#fff；字体大小：8px；字体系列：arial；}
.kleur div{宽度：18px；高度：18px；线条高度：16px；边框：1px实心#fff；边距：5px 2px；显示：内联块；光标：指针；边框半径：100%；}
.c-ori{背景：#0c1534；}
.c-wit{背景：#ffffff；颜色：#000；}
.c-rood{背景：#B71C1C；}

1.
2.
3.

您还应该使用removeClass删除以前的类名，并使用addClass添加新的类名

另外，在css文件中添加类名并添加相关背景。 有关更多信息，请参阅

---

您还应该使用removeClass删除以前的类名，并使用addClass添加新的类名

另外，在css文件中添加类名并添加相关背景。 有关更多信息，请参阅

---

也许是这样的？它将覆盖

主体

元素的类名

if（localStorage.getItem（“后台”）！=null）{
getcolor=localStorage.background；
document.body.className=getcolor；
}
$（“.c-ori”）。单击（函数（）{
setcolor=“c-ori”
document.body.className=setColor
localStorage.setItem（“背景”，setColor）；
}); 

也许是这样的？它将覆盖

主体

元素的类名

if（localStorage.getItem（“后台”）！=null）{
getcolor=localStorage.background；
document.body.className=getcolor；
}
$（“.c-ori”）。单击（函数（）{
setcolor=“c-ori”
document.body.className=setColor
localStorage.setItem（“背景”，setColor）；
}); 

但是我有颜色的分配，然后我需要删除类的分配。当有一种方法可以移除所有的身体类别时，那就行了。但是我有颜色的分配，那么我需要移除类别的分配。当有办法删除所有主体类时，这就行了。@Marc这是因为我们将主体设置为与按钮相同的类，按钮将单击事件添加到主体中。试试这个：非常感谢much@Marc这是因为我们将主体设置为与向主体添加单击事件的按钮相同的类。试试这个：非常感谢