Metoda innerHeight

Metoda innerHeight omogoča pridobivanje in spreminjanje višine elementa ob upoštevanju njegovih notranjih odstavkov. Pomembno je vedeti, da bomo dobili 'izračunano vrednost' višine (computed height). Napake pri izračunu se lahko pojavijo tudi, če uporabnik spremeni velikost strani ali če je element ali njegov starš skrit. Vrednost višine ne upošteva debeline meje elementa.

Sintaksa

Pridobiti višino elementa. V nekaterih primerih so lahko pridobljene vrednosti delne:

$(selektor).innerHeight();

Za spreminjanje višine elementa - lahko podate preprosto število (na primer 400), potem bodo enote merjenja slikovne pike, ali niz, z navedbo enot merjenja (na primer '10em'):

$(selektor).innerHeight(nova vrednost);

Prav tako lahko uporabimo določeno funkcijo za vsak element v nizu. Pri tem bo funkcija kot prvi parameter prejela številko elementa v nizu, kot drugi parameter pa - trenutno vrednost določene višine za posamezen element. this znotraj funkcije bo kazal na trenutni element. Vrednost višine elementa se bo spremenila na tisto, ki jo vrne funkcija:

$(selektor).innerHeight(function(številka v nizu, trenutna vrednost višine));

Primer

Za primerjavo izpišimo informacijo o višini odstavka #test, pridobljeni z metodama height in 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);

Opazili bomo razliko v 10px, kar je vsota naših zgornjih in spodnjih notranjih odstavkov.

Glejte tudi

metoda height,
ki omogoča pridobivanje in spreminjanje višine elementa
metoda outerHeight,
ki omogoča pridobivanje in spreminjanje višine elementa, ob upoštevanju njegovih odstavkov in meje