HTML DOM свойство clientHeight

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

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

Вы можете вычислить clientHeight следующим образом: CSS высота + CSS наполнение - высота горизонтальной полосы прокрутки (если она существует).

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

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

Грамматика:

element.clientHeight

var elem = document.querySelector("div");
var txt = \
txt += \

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

Все браузеры полностью поддерживают свойство clientHeight:

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

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

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

var elem = document.querySelector("div");
var txt = "Height + padding: " + elem.clientHeight + "px<br>";
txt += "Height + padding + border: " + elem.offsetHeight + "px";

См. также

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

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

Референс по CSS:Свойство overflow CSS

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