getComputedStyle()
Возвращает итоговые применённые стили элемента (только для чтения).
Сигнатура
getComputedStyle(element)В отличие от element.style, возвращает финальные вычисленные значения с учётом CSS-файлов, наследования и единиц (обычно в пикселях). Результат доступен только для чтения.
// в CSS: #box { padding: 8px; }
const box = document.querySelector('#box');
const styles = getComputedStyle(box);
console.log(styles.padding); // '8px'
console.log(styles.display); // например 'block'