Получите вычисленное значение переменной CSS, которая использует выражение, подобное CALT ⇐ CSS

[Anonymous]

В JavaScript вы можете получить значение переменной CSS, используя GetPropertyValue (свойство) . Эта функция полезна для извлечения переменных, объявленных в: root < /code> block. < /P>

Код: Выделить всё

:root {
--example-var: 50px;
}

Однако, если это выражение переменной содержит функцию, такую ​​как Calc , вызов GetPropertyValue возвращает выражение в качестве текста, а не вычисляет его, даже при использовании getComputEdstyle .

Код: Выделить всё

:root {
--example-var: calc(100px - 5px);
}
< /code>

 Как я могу получить вычисленное значение переменной CSS, которая использует функцию CSS, такую ​​как Calc < /code>? class = "Snippet-Code-JS Lang-JS PrettyPrint-Override">let div = document.getElementById('example');
console.log(window.getComputedStyle(div).getPropertyValue('--example-var'))< /code>
:root {
--example-var: calc(100px - 5px);
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/562 ... -like-calc