如何使用 JavaScript 存取 CSS 變數？

如何在 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中文網其他相關文章！