Свойство offsetHeight

Свойство offsetHeight содержит полную высоту элемента (включает собственно ширину элемента, высоту границ, внутренние отступы, полосы прокрутки):

Синтаксис

javascriptэлемент.offsetHeight;

Пример

Давайте узнаем полный размер элемента:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetHeight);

Результат выполнения кода:

javascript150

Смотрите также

  • свойство clientHeight,
    которое содержит высоту элемента внутри границ
  • свойство offsetWidth,
    которое содержит полную ширину элемента
  • метод getComputedStyle,
    который получает значение CSS свойства элемента