Управление DOM с помощью JavaScript в современных браузерах и IE 11+
Мы можем получить все стили CSS с помощью метода getComputedStyle
:
const styles = window.getComputedStyle(ele, null);
Оттуда легко получить доступ к значению определенного стиля:
// Get the background color
const bgColor = styles.backgroundColor;
Для стиля с префиксом вендора, начинающимся с дефиса (-), мы можем получить значение стиля, передав его название:
const textSizeAdjust = styles['-webkit-text-size-adjust'];
Метод getPropertyValue
дает тот же результат:
const bgColor = styles.getPropertyValue('background-color');
// Or turn the parameter to camelCase format:
const bgColor = styles.getPropertyValue('backgroundColor');