Metoden outerHeight

Metoden outerHeight gør det muligt at hente og ændre højden af et element inklusive polstring, ramme og valgfrit - margener af et element. Det er vigtigt at huske, at vi vil få 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.

Syntaks

Sådan kan vi hente højden af et element. Denne metode kan tage en valgfri parameter i form af true eller false (false er standard), afhængigt af om - de ydre margener skal inkluderes eller ej. I nogle tilfælde kan de opnåede værdier være brøker:

$(selector).outerWidth([including_margin]);

For at ændre bredden af et element - kan man blot sende et tal (for eksempel 400), så vil måleenheden være pixels, eller en streng, med angivelse af måleenhed (for eksempel '10em'):

$(selector).outerHeight(ny værdi, [including_margin]);

Vi kan også anvende en given funktion på hvert element i sættet. Her vil funktionen som første parameter modtage elementets indeks i sættet, og som 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. Værdien for elementets højde vil blive ændret til den, som funktionen returnerer:

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

Eksempel

Lad os for sammenligning udskrive information om højden af afsnittet #test, hentet med metoderne height, innerHeight og outerHeight:

<p id="test">tekst</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();
let h3 = $('#test').outerHeight();
let h4 = $('#test').outerHeight(true);

$('#out1').text(h1);
$('#out2').text(h2);
$('#out3').text(h3);
$('#out4').text(h4);

Se også

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