Преобразование прочитанных значений в JavaScript
Функция getComputedStyles не получает
именно те значения, которые были заданы в CSS.
Она преобразует их в абсолютные значения,
обычно в пиксели.
Давайте посмотрим на примере. Пусть у нас задана ширина в процентах:
#elem {
width: 100%;
}
Однако при чтении ширины мы получим значение не в процентах, а в пикселях:
console.log(computedStyle.width); // значение в px
Для элемента заданы следующие стили:
#elem {
font-size: 2em;
}
По клику на кнопку выведите размер шрифта элемента.
