如何在 JavaScript 中存取 CSS 變數
從 JavaScript 存取 CSS 變數可讓您動態操作 Web 應用程式的樣式。實現此目的的方法如下：
第 1 步：取得計算樣式
使用 getCompulatedStyle 函數擷取目標元素的計算樣式。
第 2 步：取得屬性值
利用getPropertyValue 方法來取得所需 CSS 變數的值。
語法：
getComputedStyle(element).getPropertyValue('--variable-name');範例：
檢索在提供的程式碼中聲明的--color-font -general CSS 變數的值snippet:
var style = getComputedStyle(document.body);
var color = style.getPropertyValue('--color-font-general');此程式碼將捕捉CSS變數的值並將其儲存在顏色變數中。
以上是如何使用 JavaScript 存取 CSS 變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
