Njia innerHeight

Njia innerHeight inaruhusu kupata na kubadilisha urefu wa kipengele kwa kuzingatia padding yake. Ni muhimu kukumbuka kuwa tutapata 'thamani iliyohesabiwa' ya urefu (computed height). Makosa katika hesabu pia yanaweza kutokea ikiwa mtumiaji anabadilisha ukubwa wa ukurasa, na pia, ikiwa kipengele au kizazi chake kimefichika. Thamani ya urefu haizingatii ukubwa wa mpaka wa kipengele.

Syntax

Pata urefu wa kipengele. Katika hali nyingine thamani zilizopatikana zinaweza kuwa za sehemu:

$(kichaguzi).innerHeight();

Ilibadilisha urefu wa kipengele - unaweza kupita nambari (kwa mfano 400), basi vitengo vya kipimo vitakuwa saizi, au mfuatano, na maonyesho ya vitengo vya kipimo (kwa mfano '10em'):

$(kichaguzi).innerHeight(thamani mpya);

Pia tunaweza kutumia kitendo ulichopewa kwa kila kipengele katika seti. Wakati huo parameta ya kwanza kitendo kitapata nambari ya kipengele katika seti, na parameta ya pili - thamani ya sasa ya urefu uliowekwa kwa kipengele maalum. this ndani ya kitendo kitaelekeza kipengele cha sasa. Thamani ya urefu wa kipengele itabadilika kuwa ile itakayorudishwa na kitendo:

$(kichaguzi).innerHeight(function(nambari katika seti, thamani ya sasa ya urefu));

Mfano

Wacha kwa kulinganisha tuweke habari kuhusu urefu wa aya #test, uliopatikana kwa njia height na innerHeight:

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

Tutaona tofauti ya 10px, ambayo ni jumla ya padding zetu za juu na chini.

Angalia pia

njia height,
ambayo inaruhusu kupata na kubadilisha urefu wa kipengele
njia outerHeight,
ambayo inaruhusu kupata na kubadilisha urefu wa kipengele, kwa kuzingatia padding na mpaka wake