如何使用未定義的CSS 高度規則檢索Div 的高度
在沒有明確CSS 高度規則的情況下確定元素的高度規則可以是具有挑戰性的。但是，可以使用 jQuery JavaScript 函式庫提供的方法。
jQuery .height 方法
與最初的假設相反，jQuery .height() 方法確實不需要預先定義的 CSS 高度規則。它根據目前樣式檢索元素的計算高度。此方法預設不包括 padding、border 和 margin。
其他選項
除了.height() 之外，還可以使用以下方法：
範例
考慮以下HTML 和jQuery 程式碼：
<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>輸出🎜>
結論Height (.height() returns): 18px Inner Height (.innerHeight() returns): 56px Outer Height (.outerHeight() returns): 58px Outer Height (.outerHeight(true) returns): 88px
jQuery 方法提供了一種方便的方法檢索元素高度的方法，無論是否定義了CSS 高度規則。此功能對於動態 Web 元件和佈局調整非常有價值。
以上是在沒有定義 CSS 高度規則的情況下如何取得 Div 的高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
