在CSS中，我們可以定義一些變量，例如：

:root {
--main-color: #007bff;
}

在JavaScript中，我們可以使用getComputedStyle()方法來獲取DOM元素的樣式。但是，我們發現該方法無法獲取到CSS變量的值。

所以，我們需要使用getComputedStyle()方法的另一種形式，即window.getComputedStyle(element, pseudoElt).getPropertyValue(propertyName)，其中第三個參數為要獲取的CSS屬性名。

代碼示例：

const root = document.documentElement;
const mainColor = window.getComputedStyle(root).getPropertyValue('--main-color');
console.log(mainColor); // 輸出結果為"#007bff"

通過這種方法，我們可以方便地獲取CSS變量的值。