如何使用JavaScript操作CSS变量？

可以使用JavaScript的CSS变量（CSS Variables） API来实现操作CSS变量。

首先，需要使用JavaScript选择对应的元素，然后使用style.setProperty()方法来设置CSS变量的值。例如：

// 选择元素
const element = document.querySelector('.my-element');

// 设置CSS变量的值
element.style.setProperty('--primary-color', 'blue');

这会将名为--primary-color的CSS变量的值设置为蓝色（blue）。CSS样式可以这样定义：

.my-element {
  color: var(--primary-color);
}

如果想要获取CSS变量的值，可以使用getComputedStyle()方法。例如：

// 选择元素
const element = document.querySelector('.my-element');

// 获取CSS变量的值
const primaryColor = window.getComputedStyle(element).getPropertyValue('--primary-color');

这会将名为--primary-color的CSS变量的值作为字符串返回。