Bestimmen der Höhe eines Div ohne definierte CSS-Höhe
Das Ermitteln der Höhe eines Elements kann schwierig sein, wenn im keine Höhenregel festgelegt ist CSS. Hier ist es entscheidend, die verschiedenen jQuery-Methoden zum Ermitteln der Höhe zu verstehen.
Entgegen der falschen Vorstellung basiert die .height()-Methode von jQuery nicht auf einer definierten CSS-Höhenregel. Es bestimmt die berechnete Höhe, die den Inhalt, den Abstand und die Ränder des Elements umfasst. Dies macht es zu einem effektiven Werkzeug zum Abrufen der tatsächlichen Höhe eines Elements, unabhängig davon, ob CSS diese explizit angibt.
Höhenmessmethoden
jQuery bietet drei Hauptmethoden für Elementhöhe messen:
Demonstration
Das bereitgestellte Code-Snippet demonstriert die Verwendung dieser Methoden:
$(function() { var $heightTest = $('#heightTest'); $heightTest.html('Div style set as "height: 180px; padding: 10px; margin: 10px; border: 2px solid blue;"') .append('<p>Height (.height() returns) : ' + $heightTest.height() + ' [Just Height]</p>') .append('<p>Inner Height (.innerHeight() returns): ' + $heightTest.innerHeight() + ' [Height + Padding (without border)]</p>') .append('<p>Outer Height (.outerHeight() returns): ' + $heightTest.outerHeight() + ' [Height + Padding + Border]</p>') .append('<p>Outer Height (.outerHeight(true) returns): ' + $heightTest.outerHeight(true) + ' [Height + Padding + Border + Margin]</p>') });
Durch das Verständnis dieser jQuery-Methoden können Sie effektiv die Höhe eines Elements ermitteln, auch wenn keine CSS-Höhenregel definiert ist.
Das obige ist der detaillierte Inhalt vonWie kann ich die Höhe eines Div ohne definierte CSS-Höhe bestimmen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!