如何僅使用 JavaScript 取得 DIV 的高度？

使用純 JavaScript 存取 Div 高度

在不使用 jQuery 函式庫的情況下取得 DIV 元素的高度可能會令人困惑。儘管搜尋了 Stack Overflow，大多數回應還是推薦 jQuery 的 .height() 方法。

解決方案：

要使用純JavaScript 檢索DIV 的高度，您可以利用以下屬性：

• clientHeight: 表示DIV 內容區域的高度，包含內邊距。

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

• offsetHeight:包括內容區域、內邊距、捲軸（如果存在）的高度，和

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

注意：

• 現代瀏覽器支援clientHeight 和offsetHeight 屬性，包括Chrome、Firefox、Edge和Safari.
• clientHeight 和 offsetHeight 傳回值像素。
• 如果 DIV 沒有指定高度，這些屬性將傳回零。

以上是如何僅使用 JavaScript 取得 DIV 的高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！