Meetod innerHeight

Meetod innerHeight võimaldab hankida ja muuta elemendi kõrgust arvestades selle sisemisi vahesid. Oluline on meeles pidada, et me saame 'arvutusliku väärtuse' kõrgusest (computed height). Arvutusvead võivad tekkida ka siis, kui kasutaja muudab lehe suurust, samuti kui element või selle vanem on peidetud. Kõrguse väärtus ei arvesta elemendi piiri paksust.

Süntaks

Hankida elemendi kõrgus. Mõnel juhul võivad saadud väärtused olla murdarvulised:

$(selektor).innerHeight();

Elemendi kõrguse muutmiseks - saab edastada lihtsalt arvu (näiteks 400), siis mõõtühikud on pikslid, või stringi, märkides mõõtühikud (näiteks '10em'):

$(selektor).innerHeight(uus väärtus);

Samuti saame rakendada antud funktsiooni igale elemendile komplektis. Sel juhul saab funktsioon esimese parameetrina elemendi numbri komplektis, ja teise parameetrina - praeguse kõrguse väärtuse konkreetsele elemendile. this funktsiooni sees viitab praegusele elemendile. Elemendi kõrguse väärtus muutub selleks, mille funktsioon tagastab:

$(selektor).innerHeight(function(number komplektis, praegune kõrguse väärtus));

Näide

Võrdluseks kuvame teabe lõigu #test kõrguse kohta, mis on saadud meetoditega height ja innerHeight:

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

Me näeme erinevust 10px, mis on meie ülemiste ja alumiste sisemiste vahede summa.

Vaata ka

meetod height,
mis võimaldab hankida ja muuta elemendi kõrgust
meetod outerHeight,
mis võimaldab hankida ja muuta elemendi kõrgust, arvestades selle vahesid ja piiri