Логотип Хекслета
/
Вопросы и ответы
/
JavaScript
/

как узнать ширину элемента js

как узнать ширину элемента js

JavaScript
JS

3 года назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

0

Есть ряд способов узнать ширину элемента в документе: offsetWidth, getBoundingClientRect(), clientWidth, scrollWidth. Однако, некоторые различия существуют.

const element = document.querySelector('.my-element');
element.offsetWidth; // a)
element.getBoundingClientRect(); // b)
element.clientWidth; // c)
element.scrollWidth; // d)

Варианты ( a ) и ( b ) дадут одинаковый результат. Свойство clientWidth ( c ) покажет ширину без рамок, т.е. без учета величины border-width. Последний способ ( d ) позволяет получить ширину включая всю область со скроллом.

3 года назад

Aleksey

Похожие вопросы