offsetHeight

Обновлено: 20.03.2023

Визначення та використання

Властивість offsetHeightповертає видиму висоту елемента (у пікселях), включаючи відступи, межі та смугу прокручування, але не поля.

Ідентифікатор offsetHeightвластивості лише для читання.


Приклад

Відображати висоту та ширину "myDIV", включаючи відступи та межі:

const elmnt = document.getElementById("myDIV");
let text = "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

OffsetParent

Усі елементи на рівні блоку повідомляють про зміщення відносно батьківського зсуву:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Батьківський зсув — це найближчий предок, який має позицію, відмінну від статичної.

Якщо батьківського зміщення не існує, зсув є відносно тіла документа.

Синтаксис

element.offsetHeight

Повернене значення

Типопис
НомерВидима висота елемента (у пікселях), включаючи відступ, рамку та смугу прокрутки.


Підтримка браузера


offsetHeight

Посмотреть совместимость на Can I use?

offsetHeight