Metoden innerHeight

Metoden innerHeight gør det muligt at hente og ændre højden af et element inklusive dets indre afstande. Det er vigtigt at huske, at vi vil modtage en 'beregnet værdi' for højden (computed height). Fejl i beregningen kan også opstå, hvis brugeren ændrer sidens størrelse, eller hvis elementet eller dets forælder er skjult. Højdeværdien tager ikke højde for elementets kanttykkelse.

Syntaks

Hent højden af elementet. I nogle tilfælde kan de modtagne værdier være brøktal:

$(selector).innerHeight();

For at ændre højden af elementet - kan du sende et simpelt tal (for eksempel 400), så vil måleenheden være pixels, eller en streng med angivelse af måleenhed (for eksempel '10em'):

$(selector).innerHeight(ny værdi);

Vi kan også anvende en given funktion på hvert element i sættet. Her vil funktionen modtage indekset for elementet i sættet som den første parameter, og den anden parameter - den aktuelle værdi for den angivne højde for det konkrete element. this inde i funktionen vil pege på det aktuelle element. Højdeværdien for elementet vil blive ændret til den, som funktionen returnerer:

$(selector).innerHeight(function(index i sættet, aktuel højdeværdi));

Eksempel

Lad os for sammenligning udskrive information om højden af afsnittet #test, hentet med metoderne height og 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);

Vi vil se en forskel på 10px, hvilket er summen af vores øverste og nederste indre afstande.

Se også

metoden height,
som gør det muligt at hente og ændre højden af et element
metoden outerHeight,
som gør det muligt at hente og ændre højden af et element, inklusive dets afstande og kant