Methode innerHeight
De methode innerHeight maakt het mogelijk om
de hoogte van een element inclusief de binnenruimte
(padding) te verkrijgen en te wijzigen. Het is belangrijk te onthouden dat we
de 'berekende waarde' van de hoogte
(computed height)
zullen krijgen.
Berekeningsfouten kunnen ook optreden als
de gebruiker de afmetingen van de pagina wijzigt, of als
het element of zijn ouder verborgen is. De hoogtewaarde
houdt geen rekening met de dikte van de rand (border) van het element.
Syntaxis
De hoogte van een element verkrijgen. In sommige gevallen kunnen de verkregen waarden fractioneel zijn:
$(selector).innerHeight();
Om de hoogte van een element te wijzigen - kan men eenvoudigweg
een getal doorgeven (bijvoorbeeld 400), dan zal de meeteenheid
pixels zijn, of een string,
met vermelding van de meeteenheid (bijvoorbeeld
'10em'):
$(selector).innerHeight(nieuwe waarde);
We kunnen ook een opgegeven functie toepassen op elk
element in de set. Hierbij krijgt de functie als eerste parameter de index van het element in de set, en als tweede parameter
de huidige waarde van de opgegeven hoogte voor dat specifieke
element. this binnen de functie zal
wijzen naar het huidige element.
De hoogtewaarde van het element verandert naar de waarde
die door de functie wordt teruggegeven:
$(selector).innerHeight(function(index in set, huidige hoogtewaarde));
Voorbeeld
Laten we ter vergelijking informatie over de
hoogte van de alinea #test weergeven, verkregen met de methodes
height
en innerHeight:
<p id="test">tekst</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);
We zullen een verschil zien van 10px, wat de som is
van onze boven- en onder-binnenruimte (padding).
Zie ook
-
methode
height,
die het mogelijk maakt om de hoogte van een element te verkrijgen en te wijzigen -
methode
outerHeight,
die het mogelijk maakt om de hoogte van een element te verkrijgen en te wijzigen, inclusief de binnenruimte (padding) en rand (border)
