Рубрики
Без рубрики

Как получить значение свойства CSS в JavaScript

Допустим, вы хотите получить значение свойства CSS на веб-странице, которое задается с помощью таблицы стилей. Как вы можете это сделать?

Допустим, вы хотите получить значение свойства CSS на веб-странице, которое задается с помощью таблицы стилей.

Свойство style элемента не возвращает его, поскольку в нем перечислены только свойства CSS, определенные во встроенных стилях или динамически.

Не те свойства, которые определены во внешней таблице стилей.

Итак, как вы это делаете? Используйте getComputedStyle() , глобальную функцию:

const element = document.querySelector('.my-element')
const style = getComputedStyle(element)
style.backgroundColor //the RGB value

Оригинал: “https://flaviocopes.com/javascript-get-css-property-value/”