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

Аватар пользователя Aleksey
Aleksey
29 марта 2023

Есть ряд способов узнать ширину элемента в документе: 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 ) позволяет получить ширину включая всю область со скроллом.

0 0