как узнать ширину элемента js
Ответы
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