js改变css变量

在JavaScript中，可以使用`document.documentElement.style.setProperty()`方法来改变CSS变量的值。具体使用方法如下：

// 获取CSS变量
var root = document.documentElement;
var color = root.style.getPropertyValue('--main-color');

// 改变CSS变量
root.style.setProperty('--main-color', 'red');

这段代码中，我们首先使用`getPropertyValue()`方法获取了名为`--main-color`的CSS变量的值，并将其保存在变量`color`中。然后，我们使用`setProperty()`方法将该CSS变量的值改为了红色。最终结果会立即生效。注意，在设置CSS变量时，需要在变量名前加上`--`前缀。