innerHeight metodas

Metodas innerHeight leidžia gauti ir keisti elemento aukštį atsižvelgiant į jo vidinius tarpus. Svarbu atsiminti, kad mes gausime 'apskaičiuotą aukščio reikšmę' (computed height). Skaičiavimo klaidos taip pat gali kilti, jei vartotojas keičia puslapio dydį, taip pat jei elementas arba jo tėvinis elementas yra paslėpti. Aukščio reikšmė ne atsižvelgia į elemento sienelės storį.

Sintaksė

Gauti elemento aukštį. Kai kuriais atvejais gautos reikšmės gali būti trupmeninės:

$(selektorius).innerHeight();

Norint pakeisti elemento aukštį - galima perduoti tiesiog skaičių (pavyzdžiui 400), tada matavimo vienetai bus pikseliai, arba eilutę, nurodant matavimo vienetus (pavyzdžiui '10em'):

$(selektorius).innerHeight(nauja reikšmė);

Taip pat galime pritaikyti nurodytą funkciją kiekvienam elementui rinkinyje. Tuo pačiu metu pirmuoju parametru funkcija gaus elemento numerį rinkinyje, o antruoju parametru - dabartinę nurodyto aukščio reikšmę konkrečiam elementui. this funkcijos viduje bus rodyti į dabartinį elementą. Elemento aukščio reikšmė pasikeis į tą, kurią grąžins funkcija:

$(selektorius).innerHeight(function(numeria s rinkinyje, dabartinė aukščio reikšmė));

Pavyzdys

Palyginimui išveskime informaciją apie antro #test aukštį, gautą metodais height ir innerHeight:

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

Pamatysime 10px skirtumą, kuris yra mūsų viršutinių ir apatinių vidinių tarpų suma.

Žiūrėkite taip pat

metodas height,
kuris leidžia gauti ir keisti elemento aukštį
metodas outerHeight,
kuris leidžia gauti ir keisti elemento aukštį, atsižvelgiant į jo tarpus ir sienelę