在纯 JavaScript 中检索 Div 高度

在不使用 jQuery 的情况下确定 div 元素的高度可能会带来挑战。虽然 jQuery 通过其 .height() 方法提供了一个简单的解决方案，但它可能不是适合每种情况的最有效方法。以下是如何使用纯 JavaScript 实现它：

使用 clientHeight：

clientHeight 属性提供 div 可见内容的高度，不包括任何滚动条或边框。它包括应用于 div 的填充。要检索它，您可以使用以下代码：

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

使用 offsetHeight:

或者，offsetHeight 属性不仅包括内边距，还包括滚动条和边框的高度。这在某些情况下很有用：

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

通过利用 clientHeight 或 offsetHeight 属性，您可以有效地确定纯 JavaScript 中 div 元素的高度，提供对代码的灵活性和控制。