JavaScript | Как получить высоту элемента?

JavaScript | Как получить высоту элемента?

Чтобы получить высоту HTML-элемента при помощи JavaScript нужно сначала получить сам элемент в виде DOM-объекта, а потом обратиться к свойству offsetHeight.

Например:

Элемент в HTML-структуре документа
Элемент в HTML-структуре документа

Браузер нам подсказывает текущее значение размеров элемента.

Вводим команду:

var el = document.querySelector("#layoutPage > div.a4e4 > div:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div.b5y7.b5y > div > div.co6 > div:nth-child(5) > div > a > div > span.j4.as3.ay9.a0f6.f-tsBodyM.cp4")

el.offsetHeight
35

Не обращайте внимание на длину строки селектора. Вы можете получить элемент как удобно вам.

Получили высоту элемента - JavaScript
Получили высоту элемента — JavaScript

 

Информационные ссылки

SCR34 | Вычисление размера и положения в зависимости от размера текста

Стандарт «SCR34: Calculating size and position in a way that scales with text size» — https://www.w3.org/TR/WCAG20-TECHS/SCR34.html