JavaScript | Как получить ширину блока (HTML-элемента)?

JavaScript | Как получить ширину блока (HTML-элемента)?

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

Например:

Элемент в 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.offsetWidth
116

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

Получили ширину элемента - 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