javascript 中设置、读取、删除CSS原生变量的方法_document.body 删除 style

// 设置变量
document.body.style.setProperty('--primary', '#7F583F');
 
// 读取变量
document.body.style.getPropertyValue('--primary').trim();
// '#7F583F'
 
// 删除变量
document.body.style.removeProperty('--primary');

在 JavaScript 中 document.documentElement 即代表文档根元素。所以要改变全局的 CSS 变量，可以这样写：

document.documentElement.style.setProperty('--base', '#fff');