innerHeight metodu

innerHeight metodu elementleriň içerki aralyklaryny hasaba almak bilen beýikligini almagy we üýtgetmegi mümkinçilik berýär. "Hasap edilen bahany" aljakdygymyzy (computed height) ýatda saklamak möhümdir. Ulanyjy sahypanyň ölçeglerini üýtgetse, ýa-da element ýa-da onuň ata-enesi gizlense, hasaplamada ýalňyşlyklar bolup biler. Beýiklik bahasy elementleriň araçäginiň galyňlygyny hasaba almaz.

Sintaksis

Elementiň beýikligini almak. Käbir ýagdaýlarda alynan bahalar bölünekli bolup biler:

$(selektor).innerHeight();

Elementiň beýikligini üýtgetmek üçin - diňe san bermek mümkin (meselem 400), şonda ölçeg birlikleri piksel bolar, ýa-da ölçeg birliklerini görkezmek bilen setir bermek mümkin (meselem '10em'):

$(selektor).innerHeight(täze baha);

Şeýle hem, bellenilen funksiýany setirdäki her bir elemente goňşuryp bileris. Bu ýagda funksiýa birinji parametrde setirdäki element tertip nomerini, ikinji parametrde bolsa häzirki element üçin bellenilen beýikligiň häzirki bahasyny alyar. Funksiýanyň içinde this häzirki elemente görkezer. Elementiň beýiklik bahasy funksiýanyň gaýtaryan bahasy bilen çalşar:

$(selektor).innerHeight(function(setirdäki nomer, beýikligiň häzirki bahasy));

Mysal

Deňişdirmek üçin, #test abzasynyň beýiklik maglumatlaryny, height we innerHeight metodalary arkaly alynalaryny çykaralyň:

<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);

Biz 10px tapawudy göreris, bu bolsa bizim ýokarky we aşaky içerki aralyklarymyzyň jemidir.

Şeýle-de garaň

height metodu,
elementiň beýikligini almagy we üýtgetmegi mümkinçilik berýär
outerHeight metodu,
elementiň beýikligini, onuň aralyklaryny we araçägini hasaba almak bilen almagy we üýtgetmegi mümkinçilik berýär