Метод innerHeight

Метод innerHeight омогућава добијање и мењање висине елемента уз урачунавање његових унутрашњих одступа. Важно је запамтити да ћемо добијати 'израчунату вредност' висине (computed height). Грешке у израчунавању могу такође настати, ако корисник мења димензије странице, као и, ако је елемент или његов родитељ сакривен. Вредност висине не узима у обзир дебљину ивице елемента.

Синтакса

Добити висину елемента. У неким случајевима добијене вредности могу бити разломљене:

$(селектор).innerHeight();

Да бисте изменили висину елемента - можете проследити једноставно број (на пример 400), тада ће јединице мере бити пиксели, или стринг, са назнаком јединица мере (на пример '10em'):

$(селектор).innerHeight(нова вредност);

Такође можемо применити задату функцију на сваки елемент у скупу. При томе првим параметром функција ће добити редни број елемента у скупу, а другим параметром - тренутну вредност задате висине за конкретни елемент. this унутар функције ће указивати на тренутни елемент. Вредност висине елемента ће се променити у ону, коју функција врати:

$(селектор).innerHeight(function(редни број у скупу, тренутна вредност висине));

Пример

Хајде да за поређење испишемо информације о висини пасуса #test, добијене методама height и innerHeight:

<p id="test">текст</p>
<p id="out1"></p>
<p id="out2"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();

$('#out1').text(h1);
$('#out2').text(h2);

Видећемо разлику од 10px, што је збир наших горњег и доњег унутрашњег одступа.

Погледајте такође

метод height,
који омогућава добијање и мењање висине елемента
метод outerHeight,
који омогућава добијање и мењање висине елемента, узимајући у обзир његове одступе и ивицу