Wie erhalte ich die gerenderte Höhe eines dynamisch dimensionierten Elements in jQuery?

Rufen Sie die gerenderte Höhe eines Elements in jQuery ab

Beim Umgang mit Elementen, deren Höhe dynamisch und nicht explizit festgelegt ist, kann das Ermitteln ihrer gerenderten Höhe für verschiedene Websites von entscheidender Bedeutung sein Entwicklungsaufgaben.

Problem:

Wie bestimme ich die gerenderte Höhe eines Element, insbesondere für Elemente, bei denen der Inhalt dynamisch ihre Höhe bestimmt?

Lösung:

Mit jQuery können Sie die folgenden Methoden verwenden, um die gerenderte Höhe eines Elements abzurufen:

• clientHeight: Gibt die Höhe des Elements zurück, einschließlich der Vertikalen padding.
• offsetHeight: Gibt die Höhe des Elements zurück, einschließlich vertikaler Polsterung und oberer/unterer Ränder.
• scrollHeight: Gibt die Höhe von zurück das enthaltene Dokument (falls zutreffend), einschließlich vertikaler Abstände und vertikaler Ränder.

Um dies zu implementieren jQuery können Sie den folgenden Code verwenden:

var h = $('#someDiv').clientHeight;   // Includes vertical padding
var h = $('#someDiv').offsetHeight;  // Includes vertical padding and borders
var h = $('#someDiv').scrollHeight;  // Includes document height, padding, and borders

Erläuterung:

• clientHeight: Diese Eigenschaft gibt die Höhe des an Element innerhalb des sichtbaren Bereichs, der die vertikale Polsterung einschließt, aber ausschließt Grenzen.
• offsetHeight: Die Eigenschaft offsetHeight umfasst die Höhe des Elements, zusammen mit der vertikalen Auffüllung, den oberen und unteren Rändern und etwaigen Randeinbrüchen.
• scrollHeight: Die scrollHeight-Eigenschaft berücksichtigt alle oben genannten Maße sowie die Höhe des enthaltenen Dokuments. Dies ist vor allem für Elemente mit scrollbarem Inhalt nützlich.

Mit diesen Methoden können Sie die gerenderte Höhe von Elementen genau erfassen, auch wenn ihre Höhe durch ihren Inhalt bestimmt wird.

Das obige ist der detaillierte Inhalt vonWie erhalte ich die gerenderte Höhe eines dynamisch dimensionierten Elements in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!