Свойство offsetHeight

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

Синтаксис

элемент.offsetHeight

Пример

В данном примере offsetHeight = border-top + padding-top + height + padding-bottom + border-bottom = 10 + 15 + 100 + 15 + 10 = 150:

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

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

150

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

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