Щоб змінити ширину контейнера, вам знадобиться отримати доступ до CSS для цього контейнера та налаштувати властивість ширини. Це можна зробити за допомогою властивості CSS width. Ви можете налаштувати значення пікселя на будь-яку ширину, яка вам потрібна для вашого контейнера. Це встановить ширину, яка займатиме 50% батьківського елемента.
Виміряємо ширину елемента div використовувати властивість offsetWidth JavaScript. Ця властивість JavaScript повертає ціле число, що представляє ширину макета елемента та вимірюється в пікселях.
Щоб отримати розміри елемента в JavaScript, ви зазвичай використовуєте такі властивості, як clientWidth, offsetWidth, або такі методи, як getBoundingClientRect().
- clientWidth і clientHeight. …
- offsetWidth і offsetHeight. …
- getBoundingClientRect() …
- вікно. …
- window.outerWidth і window.outerHeight.
The властивості offsetWidth і offsetHeight у JavaScript використовуються для отримання фактичної ширини та висоти елемента HTML. Ці властивості є частиною інтерфейсу елемента і доступні для всіх елементів HTML.
Розміри контейнера. Розміри транспортних контейнерів відрізняються по довжині і ширині. Зазвичай контейнери мають довжину близько 10 футів, 20 футів або 40 футів, кожен приблизно 8 футів широкий.