Metode innerHeight

Metode innerHeight ļauj iegūt un mainīt elementa augstumu, ņemot vērā tā iekšējās atkāpes. Ir svarīgi atcerēties, ka mēs iegūsim 'aprēķināto augstuma vērtību' (computed height). Aprēķinu kļūdas var rasties arī tad, ja lietotājs maina lapas izmērus, kā arī, ja elements vai tā vecāks elements ir paslēpts. Augstuma vērtība neņem vērā elementa robežas biezumu.

Sintakse

Iegūt elementa augstumu. Dažos gadījumos iegūtās vērtības var būt daļskaitļi:

$(selektors).innerHeight();

Lai mainītu elementa augstumu - var padot vienkārši skaitli (piemēram 400), tad mērvienības būs pikseļi, vai virkni, ar norādītām mērvienībām (piemēram '10em'):

$(selektors).innerHeight(jaunā vērtība);

Mēs varam arī piemērot doto funkciju katram elementam komplektā. Šajā gadījumā pirmais parametrs funkcijai sauksies elementa numurs komplektā, bet otrais parametrs - pašreizējā norādītā augstuma vērtība konkrētajam elementam. this funkcijas iekšienē būs norāde uz pašreizējo elementu. Elementa augstuma vērtība mainīsies uz to, ko atgriezīs funkcija:

$(selektors).innerHeight(function(numurs komplektā, pašreizējā augstuma vērtība));

Piemērs

Salīdzinājumam izvadīsim informāciju par rindkopas #test augstumu, kas iegūts ar metodēm height un innerHeight:

<p id="test">teksts</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);

Mēs redzēsim atšķirību 10px, kas ir mūsu augšējās un apakšējās iekšējās atkāpes summa.

Skatiet arī

metode height,
kas ļauj iegūt un mainīt elementa augstumu
metode outerHeight,
kas ļauj iegūt un mainīt elementa augstumu, ņemot vērā tā atkāpes un robežu