Методот innerHeight

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

Синтакса

Добиј ја висината на елементот. Во некои случаи добиените вредности може да бидат дробни:

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

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

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

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

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

Пример

Ајде за споредба да ја прикажеме информацијата за висината на параграфот #test, добиена со методите height и innerHeight:

<p id="test">text</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,
кој овозможува добивање и менување на висината на елементот, земајќи ги предвид неговите отстојувања и граница