1.scss文件定义变量
2.js中更改$textColor 变量的值
都是获取DOM
通过DOM分别修改当前DOM样式属性值、
当前DOM整体css样式、
修改当前DOM的className类名、
将link引入的标签作为DOM 修改link的href,从而修改引用的样式表。
详情转自: https://blog.csdn.net/wx13227855087/article/details/81391787
用css样式相关的接口 stylesheet.insertRule或者stylesheet.addRule 这两个都可以动态插入css样式 兼容性还可以 ie9+比如
myStyle.insertRule("#blanc { color: white }", 0)
需要删除的时候还有deleteRule和removeRule两个方法
准备多组CSS,比如:
.button1{
/*style1*/
}
.button2{
/*style2*/
}
2. 在用JavaScript修改Button的class,把button1改成button2,就实现了指向的CSS样式改变。