So ermitteln Sie die Höhe eines Divs mit einer undefinierten CSS-Höhenregel
Das Bestimmen der Höhe eines Elements ohne eine explizite CSS-Höhenregel kann sein herausfordernd. Es ist jedoch möglich, Methoden zu verwenden, die von der jQuery-JavaScript-Bibliothek bereitgestellt werden.
jQuery .height-Methode
Entgegen der ursprünglichen Annahme ist dies bei der jQuery .height()-Methode der Fall erfordern keine vordefinierte CSS-Höhenregel. Es ruft die berechnete Höhe des Elements unter Berücksichtigung seines aktuellen Stils ab. Diese Methode schließt standardmäßig Abstand, Rand und Rand aus.
Andere Optionen
Zusätzlich zu .height() können Sie auch die folgenden Methoden verwenden:
Beispiel
Bedenken Sie die Folgender HTML- und jQuery-Code:
<code class="html"><div id="heightTest"></div> <script> $(function() { var $heightTest = $('#heightTest'); $heightTest.html('This is the test div.'); console.log('Height (.height() returns): ', $heightTest.height()); console.log('Inner Height (.innerHeight() returns): ', $heightTest.innerHeight()); console.log('Outer Height (.outerHeight() returns): ', $heightTest.outerHeight()); console.log('Outer Height (.outerHeight(true) returns): ', $heightTest.outerHeight(true)); }); </script></code>
Ausgabe:
Height (.height() returns): 18px Inner Height (.innerHeight() returns): 56px Outer Height (.outerHeight() returns): 58px Outer Height (.outerHeight(true) returns): 88px
Schlussfolgerung
jQuery-Methoden bieten eine praktische Möglichkeit Möglichkeit, die Höhe eines Elements abzurufen, unabhängig davon, ob eine CSS-Höhenregel definiert ist. Diese Funktion ist für dynamische Webkomponenten und Layoutanpassungen wertvoll.
Das obige ist der detaillierte Inhalt vonWie erhalte ich die Höhe eines Div ohne eine definierte CSS-Höhenregel?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!