Metodas outerHeight

Metodas outerHeight leidžia gauti ir keisti elemento aukštį, atsižvelgiant į vidinius atitraukimus, kraštinę ir selektiškai - išorinius atitraukimus. Svarbu atminti, kad mes gausime 'apskaičiuotą aukščio reikšmę' (computed height). Skaičiavimo klaidos taip pat gali kilti, jei naudotojas keičia puslapio dydį, taip pat, jei elementas arba jo tėvinis elementas yra paslėpti.

Sintaksė

Taip mes galime gauti elemento aukštį. Šis metodas gali priimti neprivalomą parametrą true arba false (false yra numatytasis), priklausomai nuo to - ar bus įskaityti išoriniai atitraukimai, ar ne. Kai kuriais atvejais gautos reikšmės gali būti trupmeninės:

$(selektorius).outerWidth([įskaitant_margin]);

Norint pakeisti elemento aukštį - galima perduoti tiesiog skaičių (pavyzdžiui 400), tada matavimo vienetai bus pikseliai, arba eilutę, nurodančią matavimo vienetus (pavyzdžiui '10em'):

$(selektorius).outerHeight(nauja reikšmė, [įskaitant_margin]);

Taip pat mes galime pritaikyti nurodytą funkciją kiekvienam elementui rinkinyje. Tuo pačiu pirmuoju parametru funkcija gaus elemento numerį rinkinyje, o antruoju parametru - dabartinę nurodyto aukščio reikšmę konkrečiam elementui. this funkcijos viduje rodys į dabartinį elementą. Elemento aukščio reikšmė pasikeis į tą, kurią grąžins funkcija:

$(selektorius).outerHeight(function(numeris rinkinyje, dabartinė aukščio reikšmė));

Pavyzdys

Palyginimui išveskime informaciją apie antro #test aukštį, gautą metodais height, innerHeight ir outerHeight:

<p id="test">text</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);

Taip pat žiūrėkite

metodas height,
kuris leidžia gauti ir keisti elemento aukštį
metodas innerHeight,
kuris leidžia gauti ir keisti elemento aukštį, įskaitant jo vidinius atitraukimus