Как узнать ширину и высоту объекта (div) на javascript?

Пользователь

от marc_zboncak , в категории: JavaScript , 6 месяцев назад

Как узнать ширину и высоту объекта (div) на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от hoyt.jerde , 6 месяцев назад

@marc_zboncak 

Для получения ширины и высоты объекта (div) на JavaScript можно использовать следующие свойства:

  1. Свойство offsetWidth: возвращает ширину объекта в пикселях, включая границы и прокрутку (scrollbar), но не включая отступы (padding) и полосы прокрутки (scrollbar).
1
2
var div = document.getElementById("myDiv");
var width = div.offsetWidth;


  1. Свойство offsetHeight: возвращает высоту объекта в пикселях, включая границы и прокрутку (scrollbar), но не включая отступы (padding) и полосы прокрутки (scrollbar).
1
2
var div = document.getElementById("myDiv");
var height = div.offsetHeight;


  1. Свойство clientWidth: возвращает ширину объекта в пикселях, включая внутренние отступы (padding), но не включая границы, полосы прокрутки (scrollbar) и отступы между элементами.
1
2
var div = document.getElementById("myDiv");
var width = div.clientWidth;


  1. Свойство clientHeight: возвращает высоту объекта в пикселях, включая внутренние отступы (padding), но не включая границы, полосы прокрутки (scrollbar) и отступы между элементами.
1
2
var div = document.getElementById("myDiv");
var height = div.clientHeight;


Используйте соответствующие свойства для получения ширины и высоты объекта (div) в соответствии с вашими требованиями.