1 added
1 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Есть ряд способов узнать ширину элемента в документе: offsetWidth, getBoundingClientRect(), clientWidth, scrollWidth. Однако, некоторые различия существуют.</p>
1
<p>Есть ряд способов узнать ширину элемента в документе: offsetWidth, getBoundingClientRect(), clientWidth, scrollWidth. Однако, некоторые различия существуют.</p>
2
-
const element = document.querySelector('.my-element'); element.offsetWidth; // a) element.getBoundingClientRect(); // b) element.clientWidth; // c) element.scrollWidth; // d)<p>Варианты ( a ) и ( b ) дадут одинаковый результат. Свойство clientWidth ( c ) покажет ширину без рамок, т.е. без учета величины border-width. Последний способ ( d ) позволяет получить ширину включая всю область со скроллом.</p>
2
+
const element = document.querySelector('.my-element');<p>Варианты ( a ) и ( b ) дадут одинаковый результат. Свойство clientWidth ( c ) покажет ширину без рамок, т.е. без учета величины border-width. Последний способ ( d ) позволяет получить ширину включая всю область со скроллом.</p>