Преобразование прочитанных значений в JavaScript

Функция getComputedStyles не получает именно те значения, которые были заданы в CSS. Она преобразует их в абсолютные значения, обычно в пиксели.

Давайте посмотрим на примере. Пусть у нас задана ширина в процентах:

#elem { width: 100%; }

Однако при чтении ширины мы получим значение не в процентах, а в пикселях:

console.log(computedStyle.width); // значение в px

em

Для элемента заданы следующие стили:

#elem { font-size: 2em; }

По клику на кнопку выведите размер шрифта элемента.

enru