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

2 года назад

Nikolai Gagarinov

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

Ответы

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

2 года назад

Aleksey

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

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