Metoda height

Metoda height umožňuje získávat a měnit výšku elementu. Je důležité si pamatovat, že budeme získávat 'vypočítanou hodnotu' výšky (computed height). Na rozdíl od metody css('height'), vrací bezrozměrnou veličinu (například 400) a je vhodná pro matematické výpočty. Metoda získává výšku obsahu elementu, nezávisle na nastavení CSS vlastnosti box-sizing. Abychom se vyhnuli zbytečným výpočtům, doporučuje se používat css('height'). Chyby ve výpočtu mohou také nastat, pokud uživatel mění velikost stránky, nebo pokud je element nebo jeho rodič skrytý. Hodnota výšky nezahrnuje hodnoty odsazení a okraje.

Syntaxe

Získat výšku elementu. V některých případech mohou být získané hodnoty zlomkové:

$(selektor).height();

Pro změnu výšky elementu - můžeme předat jednoduše číslo (například 400), pak jednotky měření budou pixely, nebo řetězec, s uvedením jednotek měření (například '10em'):

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

Také můžeme aplikovat danou funkci na každý element v sadě. Přitom první parametr funkce obdrží pořadové číslo elementu v sadě, a druhý parametr - aktuální hodnotu dané výšky pro konkrétní element. this uvnitř funkce bude ukazovat na aktuální element.

Hodnota výšky elementu se změní na tu, kterou funkce vrátí:

$(selektor).height(function(pořadí v sadě, aktuální hodnota výšky));

Příklad

Pojďme při kliknutí na #test změnit jeho výšku na hodnotu 30px, pomocí metody height, a také pomocí css změnit jeho pozadí na zelené:

<div id="test"></div>

#test {
	width: 50px; 
	height: 90px;
	background: red; 
	color: white;
	margin-top: 10px; 
	cursor: pointer;
}

$('#test').one('click', function() {
	$(this).height(30).css({
		cursor: 'auto',
		backgroundColor: 'green'
	});
});

Viz také

metoda width,
která umožňuje získávat a měnit šířku elementu
metoda innerHeight,
která umožňuje získávat a měnit výšku elementu, s ohledem na jeho vnitřní odsazení
metoda outerHeight,
která umožňuje získávat a měnit výšku elementu, s ohledem na jeho odsazení a okraj
metoda css,
která umožňuje získávat a měnit CSS styly elementu