如何通过JavaScript来获取和设置CSS变量
2021.06.145 min read
原创声明：未经允许，禁止转载
首先，设置CSS变量
:root {
--my-variable-name: #999999;
}设置一个CSS变量的值
要设置CSS的变量，你需要用到documentElement的style属性中的setProperty方法：
document.documentElement.style
.setProperty('--my-variable-name', 'pink');获取一个CSS变量的值
getComputedStyle(document.documentElement)
.getPropertyValue('--my-variable-name');注意获取css变量和设置css变量的写法很不一样，不能像设置的时候那样直接用documentElement里的style属性。
是不是很简单！