Methode height

Die Methode height ermöglicht es, die Höhe eines Elements abzurufen und zu ändern. Es ist wichtig, sich daran zu erinnern, dass wir den 'berechneten Wert' der Höhe (computed height) erhalten. Im Gegensatz zur Methode css('height') gibt sie einen dimensionslosen Wert zurück (z. B. 400) und ist für mathematische Berechnungen praktisch. Die Methode erhält die Höhe des Inhalts des Elements, unabhängig von der Angabe der CSS-Eigenschaft . Um übermäßige Berechnungen zu vermeiden, wird empfohlen, css('height') zu verwenden. Berechnungsfehler können auch auftreten, wenn der Benutzer die Seitengröße ändert, oder wenn das Element oder sein Elternelement ausgeblendet sind. Der Höhenwert berücksichtigt keine Polsterungen oder Rahmen.

Syntax

Höhe des Elements abrufen. In einigen Fällen können die erhaltenen Werte gebrochen sein:

$(Selektor).height();

Um die Höhe des Elements zu ändern - kann man einfach eine Zahl übergeben (z. B. 400), dann ist die Maßeinheit Pixel, oder einen String mit Angabe der Maßeinheit (z. B. '10em'):

$(Selektor).height(neuer Wert);

Wir können auch eine bestimmte Funktion auf jedes Element im Set anwenden. Dabei erhält die Funktion als ersten Parameter die Nummer des Elements im Set und als zweiten Parameter - den aktuellen Wert der festgelegten Höhe für das jeweilige Element. this innerhalb der Funktion wird auf das aktuelle Element zeigen.

Der Höhenwert des Elements ändert sich auf den, den die Funktion zurückgibt:

$(Selektor).height(function(Index, aktueller Höhenwert));

Beispiel

Lassen Sie uns bei einem Klick auf #test dessen Höhe auf den Wert 30px ändern, indem wir die Methode height verwenden, und mit css seinen Hintergrund auf grün ändern:

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

Siehe auch

Methode ⁅c href="/de/javascript/lib/jquery/manual/width/">width,
die es ermöglicht, die Breite eines Elements abzurufen und zu ändern
Methode innerHeight,
die es ermöglicht, die Höhe eines Elements abzurufen und zu ändern, einschließlich seiner inneren Polsterung
Methode outerHeight,
die es ermöglicht, die Höhe eines Elements abzurufen und zu ändern, einschließlich seiner Polsterung und Rahmen
Methode css,
die es ermöglicht, CSS-Stile eines Elements abzurufen und zu ändern