JS 动态修改CSS 样式方法全局

html-css012

JS 动态修改CSS 样式方法全局,第1张

如何配置自行百度

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样式改变。