Как получить доступ к размеру элемента

Чтобы получить размеры элемента (ширину, высоту), можно использовать свойство getBoundingClientRect(), которое возвращает объект с размерами и позицией элемента относительно viewport. Альтернативно, можно использовать offsetWidth и offsetHeight для размеров, включая padding и border, но без margin.

Пример:

const element = document.getElementById('myElement');
const rect = element.getBoundingClientRect();
console.log('Width:', rect.width, 'Height:', rect.height);

// Или через offset
console.log('Offset Width:', element.offsetWidth, 'Offset Height:', element.offsetHeight);

Важно учитывать, что getBoundingClientRect() возвращает дробные значения (например, при zoom), а offsetWidth/Height — целые. Для точных расчётов лучше использовать getBoundingClientRect().