在 JavaScript 中查找 div 高度

JavaScript 可以通过多种方式获取 div 元素的高度。本文将介绍其中的三种方法，分别是：

1. clientHeight 属性：返回元素的可见高度，不包含 padding、border 和 margin。
2. offsetHeight 属性：返回元素的高度，包含 padding、border 和滚动条的宽度（如果存在）。
3. getBoundingClientRect() 方法：返回一个包含元素位置及其大小的对象。

使用 clientHeight 属性

可以通过以下代码来获取 div 元素的可见高度：

const div = document.querySelector('#myDiv');
const height = div.clientHeight;

注意，如果希望获取整个文档的高度，可以把 div 替换成 document.documentElement。

使用 offsetHeight 属性

可以通过以下代码来获取 div 元素的高度：

const div = document.querySelector('#myDiv');
const height = div.offsetHeight;

使用 getBoundingClientRect() 方法

可以通过以下代码来获取 div 元素的位置及大小：

const div = document.querySelector('#myDiv');
const rect = div.getBoundingClientRect();
const height = rect.height;

getBoundingClientRect() 方法会返回一个 DOMRect 对象，该对象包含 top、right、bottom、left、width 和 height 属性，分别表示元素顶部、右侧、底部、左侧、宽度和高度的位置信息。

总的来说，以上三种方法均可以在 JavaScript 中获取 div 元素的高度，使用时需要根据实际情况选择。