Доступ к переменной CSS из javascript

Question

Есть ли способ получить доступ к переменной css из javascript? Здесь мое объявление переменной css.

:root{ 
    --color-font-general:#336699; 
} 

Answer 1

Только стандартный способ:

1. Получить вычисляемых стили с getComputedStyle
2. Используйте getPropertyValue, чтобы получить значение требуемого имущества

getComputedStyle(element).getPropertyValue('--color-font-general'); 

Пример:

var style = getComputedStyle(document.body); 
 
console.log(style.getPropertyValue('--color-font-general'));

:root { --color-font-general: #336699; }

Answer 2

Используйте это:

window.getComputedStyle(document.documentElement).getPropertyValue('--color-font-general'); 

И вы можете изменить его, как это:

document.documentElement.style.setProperty('--color-font-general', '#000'); 

source