Metoden height

Metoden height gør det muligt at få og ændre højden af et element. Det er vigtigt at huske, at vi vil få den 'beregnede værdi' af højden (computed height). I modsætning til metoden css('height'), returnerer den en dimensionsløs værdi (for eksempel 400) og er praktisk til matematiske beregninger. Metoden får højden af elementets indhold, uafhængigt af angivelsen af CSS-egenskaben box-sizing. For at undgå unødvendige beregninger anbefales det at bruge css('height'). Fejl i beregningen kan også opstå, hvis brugeren ændrer sidens størrelse, eller hvis elementet eller dets forælder er skjult. Højdeværdien tager ikke højde for værdier af margen og ramme.

Syntaks

Få højden af elementet. I nogle tilfælde de opnåede værdier kan være brøker:

$(selektor).height();

For at ændre højden af elementet - kan man sende et tal (for eksempel 400), så vil måleenheden være pixels, eller en streng, med angivelse af måleenhed (for eksempel '10em'):

$(selektor).height(ny værdi);

Vi kan også anvende en given funktion på hvert element i sættet. Her vil funktionen som første parameter modtage elementets nummer i sættet, og som anden parameter - den aktuelle værdi af den angivne højde for det konkrete element. this inde i funktionen vil pege på det aktuelle element.

Værdien af elementets højde vil blive ændret til den, som funktionen returnerer:

$(selektor).height(function(nummer i sættet, aktuel højdeværdi));

Eksempel

Lad os ved klik på #test ændre dens højde til værdien 30px, ved hjælp af metoden height, og også ved hjælp af css ændre dens baggrund til grøn:

<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'
	});
});

Se også

metoden width,
som gør det muligt at få og ændre bredden af et element
metoden innerHeight,
som gør det muligt at få og ændre højden af et element, herunder dens indre margen
metoden outerHeight,
som gør det muligt at få og ændre højden af et element, herunder dens margen og ramme
metoden css,
som gør det muligt at få og ændre CSS-stile for et element