Javascript 撤消或撤消对CSS样式表的更改

Javascript 撤消或撤消对CSS样式表的更改,javascript,html,css,cssom,Javascript,Html,Css,Cssom,我有一个带有一些设置的网页,允许用户更改网页的某些样式。我已经成功地获得了它,因此我可以更改ID和类的样式,但我想知道是否有一种快速/简单的方法可以将其重置为css样式表最初的样式(很像SVG中的baseVal和animVal) 我的JavaScript如下所示: 函数cssrules(){ var规则={}; var ds=document.styleSheets, dsl=ds.length; 对于(var i=0;i

我有一个带有一些设置的网页,允许用户更改网页的某些样式。我已经成功地获得了它,因此我可以更改ID和类的样式,但我想知道是否有一种快速/简单的方法可以将其重置为css样式表最初的样式(很像SVG中的baseVal和animVal)

我的JavaScript如下所示:

函数cssrules(){
var规则={};
var ds=document.styleSheets,
dsl=ds.length;
对于(var i=0;i
。大发光{
文本阴影:0px 0px 10px#555;
}
这是一些文本
更改类别

还原类(如果可能)
修改样式表规则是否有特定原因?通常情况下,您会使用不断变化的类(以及所有相关规则)创建一个Css选择器并进行切换that@maioman这是因为我有多种方法来更改同一个类(例如使
颜色
规则为红色、绿色、黄色、黑色或灰色),而不是让10个左右不同的类进行切换,我试图改变原来的类。除了在最特殊的情况下,修改样式表从来都不是一个好主意。几乎总有更好的办法。作为一种方法,如果你的浏览器支持矩阵许可,考虑使用CSS变量。你有没有修改样式表规则的特殊原因?通常情况下,您会使用不断变化的类(以及所有相关规则)创建一个Css选择器并进行切换that@maioman这是因为我有多种方法来更改同一个类(例如使
颜色
规则为红色、绿色、黄色、黑色或灰色),而不是让10个左右不同的类进行切换,我试图改变原来的类。除了在最特殊的情况下,修改样式表从来都不是一个好主意。几乎总有更好的办法。作为一种方法,在浏览器支持矩阵允许的情况下考虑使用CSS变量。