HTML DOM свойство offsetHeight

Объект элемента HTML DOM

offsetHeightЧтение свойство возвращает высоту элемента в виде целого числа, включая вертикальный отступ и рамку.

Обычно, offsetHeight - это пиксельная мера CSS высоты элемента, включая любую рамку, отступ и горизонтальную полосу прокрутки (если она есть). Она не включает высоту псевдоэлементов, таких как:: beforeили:: after.

Чтобы понять это свойство, вам нужно понятьCSS Box Model.

ИспользованиеclientHeightиclientWidthСвойство возвращает видимую высоту и ширину элемента, включая отступы, но не включая рамку, отступ и полосы прокрутки (если они есть).

Грамматика:

element.offsetHeight

var elem = document.querySelector("div");
var txt = "Высота включает padding + border: " + elem.offsetHeight + "px<br>";
txt += "Ширина включает padding + border: " + elem.offsetWidth + "px";

Совместимость браузеров

Свойство offsetHeight полностью поддерживается всеми браузерами:

Технические детали

Более примеров

Этот пример демонстрирует различие между clientHeight и offsetHeight:

var elem = document.querySelector("div");
var txt = "Height включает padding: " + elem.clientHeight + "px<br>";
txt += "Height включает padding + border: " + elem.offsetHeight + "px";

См. также

Референс по HTML DOMСвойство offsetWidth

Референс по HTML DOMСвойство offsetLeft

Референс по HTML DOMСвойство offsetTop

Референс по HTML DOMСвойство offsetParent

Объект элемента HTML DOM