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

См. также offsetParent, offsetLeft, offsetWidth, offsetTop, clientWidth, clientHeight.

Синтаксис

элемент.offsetHeight

Примеры

Пример

Посмотрим чему равно offsetHeight:

<style>
	#elem {
		height: 100px;
		border: 10px solid;
		padding: 15px;
	}
</style>

<div id="elem"></div>
var elem = document.getElementById('elem');
document.write(elem.offsetHeight);

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

150

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

Пример

Если элемент скрытый, то offsetHeight равно 0:

<style>
	#elem {
		height: 100px;
		display: none;
	}
</style>

<div id="elem">Элемент</div>
var elem = document.getElementById('elem');
document.write(elem.offsetHeight);

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

0