技術標籤：javascriptjswebhtmljava

我們都知道目前現代瀏覽器都已支援css3變數，寫法如下：

:root {
  --color: red;
}

我們除了用css的作用域修改變數的值之外，還可以通過js的方法修改，方法如下：

let root = document.documentElement；

// 讀取
let rootStyle = window.getComputedStyle(root);
let colorVar = rootStyle.getPropertyValue('--color').trim();
console.log(colorVar)

// 改變
root.style.setProperty('--color', 'blue')
console.log(colorVar)

// 刪除
root.style.removeProperty('--color')
console.log(colorVar)