Metoden innerHeight

Metoden innerHeight lar deg hente og endre høyden til et element med tanke på dets indre marginer. Det er viktig å huske at vi vil motta en 'beregnet verdi' for høyden (computed height). Feil i beregningen kan også oppstå hvis brukeren endrer sidens størrelse, og også hvis elementet eller dets forelder er skjult. Høydeverdien tar ikke hensyn til tykkelsen på elementets kantlinje.

Syntaks

Hent høyden til elementet. I noen tilfeller kan de oppnådde verdiene være brøkdeler:

$(selector).innerHeight();

For å endre høyden på elementet - kan du sende et enkelt tall (for eksempel 400), da vil måleenhetene være piksler, eller en streng, med angivelse av måleenheter (for eksempel '10em'):

$(selector).innerHeight(ny verdi);

Vi kan også bruke en gitt funksjon på hvert element i settet. I dette tilfellet vil funksjonen motta elementets indeks i settet som første parameter, og den nåværende verdien for den angitte høyden for det spesifikke elementet som andre parameter. this inne i funksjonen vil peke på det gjeldende elementet. Høydeverdien til elementet vil endres til den som returneres av funksjonen:

$(selector).innerHeight(function(indeks i settet, nåværende høydeverdi));

Eksempel

La oss for sammenligning skrive ut informasjon om høyden på avsnittet #test, hentet med metodene 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 forskjell på 10px, som er summen av våre øvre og nedre indre marginer.

Se også

metoden height,
som lar deg hente og endre høyden til et element
metoden outerHeight,
som lar deg hente og endre høyden til et element, med tanke på dets marginer og kantlinje