js设置/修改scss中的变量值

js动态修改scss变量值

1.scss文件定义变量

//--test ：为js操作此变量需要用到的KEY
//red: 默认的css属性值
$textColor: var(--test, red);

2.js中更改$textColor 变量的值

//--test ：为js操作此变量需要用到的KEY
//blue: 修改后的css属性值
document.getElementsByTagName('body')[0].style.setProperty('--test', 'blue');