Metóda innerHeight

Metóda innerHeight umožňuje získať a zmeniť výšku prvku vrátane jeho vnútorných odsadení. Je dôležité pamätať, že získame 'vypočítanú hodnotu' výšky (computed height). Chyby vo výpočte môžu tiež nastať, ak používateľ mení veľkosti stránky, alebo ak je prvok alebo jeho rodičovský prvok skrytý. Hodnota výšky nezahŕňa hrúbku okraja prvku.

Syntax

Získať výšku prvku. V niektorých prípadoch získané hodnoty môžu byť desatinné čísla:

$(selektor).innerHeight();

Na zmenu výšky prvku - môžeme odovzdať jednoducho číslo (napríklad 400), potom jednotkami merania budú pixely, alebo reťazec s uvedením jednotiek merania (napríklad '10em'):

$(selektor).innerHeight(nová hodnota);

Tiež môžeme aplikovať danú funkciu na každý prvok v množine. Prvým parametrom funkcia získa poradové číslo prvku v množine, a druhým parametrom - aktuálnu hodnotu zadanej výšky pre konkrétny prvok. this vo vnútri funkcie bude ukazovať na aktuálny prvok. Hodnota výšky prvku sa zmení na tú, ktorú funkcia vráti:

$(selektor).innerHeight(function(poradové číslo v množine, aktuálna hodnota výšky));

Príklad

Pre porovnanie vypíšme informáciu o výške odseku #test, získanej metódami height a 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);

Uvidíme rozdiel 10px, čo je súčet našich horného a dolného vnútorného odsadenia.

Pozrite tiež

metóda height,
ktorá umožňuje získať a zmeniť výšku prvku
metóda outerHeight,
ktorá umožňuje získať a zmeniť výšku prvku, vrátane jeho odsadení a okraja