innerHeight-metode

Die metode innerHeight laat toe om die hoogte van 'n element te verkry en te verander met inagneming van sy binnewitse spasiering. Dit is belangrik om te onthou dat ons die 'berekende waarde' van die hoogte sal verkry (computed height). Foute in die berekening kan ook voorkom indien die gebruiker die grootte van die bladsy verander, sowel as indien die element of sy ouer versteek is. Die hoogtewaarde neem nie die dikte van die element se rand in ag nie.

Sintaksis

Verkry die hoogte van die element. In sommige gevalle kan die verkryde waardes breukdele wees:

$(selektor).innerHeight();

Om die hoogte van die element te verander - kan 'n eenvoudige nommer oorgedra word (byvoorbeeld 400), dan sal die eenhede van meetpikkels wees, of 'n string, met die spesifisering van meeteenhede (byvoorbeeld '10em'):

$(selektor).innerHeight(nuwe waarde);

Ons kan ook die gegewe funksie op elke element in die stel toepas. Die funksie sal as eerste parameter die nommer van die element in die stel ontvang, en as tweede parameter die huidige waarde van die toegekende hoogte vir die spesifieke element. this binne die funksie sal verwys na die huidige element. Die hoogtewaarde van die element sal verander na die een wat deur die funksie teruggegee word:

$(selektor).innerHeight(function(nommer in stel, huidige hoogtewaarde));

Voorbeeld

Kom ons gee vir vergelyking inligting oor die hoogte van die paragraaf #test, verkry deur die metodes height en innerHeight:

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

Ons sal 'n verskil sien van 10px, wat die som is van ons boonste en onderste binnewitse spasierings.

Sien ook

metode height,
wat toelaat om die hoogte van 'n element te verkry en te verander
metode outerHeight,
wat toelaat om die hoogte van 'n element te verkry en te verander, met inagneming van sy spasierings en rand