Wie kann ich die Größe eines DIV nur mit JavaScript ermitteln?

Zugriff auf die Div-Höhe mit reinem JavaScript

Das Ermitteln der Höhe eines DIV-Elements ohne Verwendung der jQuery-Bibliothek kann verwirrend sein. Trotz der Suche nach Stack Overflow empfehlen die meisten Antworten die .height()-Methode von jQuery.

Lösung:

Um die Höhe eines DIV mit einfachem JavaScript abzurufen, können Sie dies tun Nutzen Sie die folgenden Eigenschaften:

• clientHeight: Gibt die Höhe des an DIVs Inhaltsbereich, einschließlich Auffüllung.

var clientHeight = document.getElementById('myDiv').clientHeight;

• offsetHeight: Beinhaltet die Höhe des Inhaltsbereichs, Auffüllung, Bildlaufleiste (falls vorhanden) und Grenzen.

var offsetHeight = document.getElementById('myDiv').offsetHeight;

Hinweis:

• Die Eigenschaften clientHeight und offsetHeight werden von modernen Browsern unterstützt, einschließlich Chrome, Firefox, Edge und Safari.
• clientHeight und offsetHeight geben Werte in Pixel zurück.
• Wenn der DIV keine Höhe angegeben hat, geben diese Eigenschaften Null zurück.

Das obige ist der detaillierte Inhalt vonWie kann ich die Größe eines DIV nur mit JavaScript ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!