📌  相关文章
📜  使用 js 获取 div 的高度 - Javascript (1)

📅  最后修改于: 2023-12-03 15:36:31.303000             🧑  作者: Mango

使用 JavaScript 获取 div 的高度

要在 JavaScript 中获取指定 div 的高度,可以使用以下三种方法:

1. 使用 offsetHeight 属性
let divHeight = document.getElementById('myDiv').offsetHeight;

此方法将返回指定 div 的高度,包括边框和内边距。它还可以用于获取其他元素的高度。

2. 使用 clientHeight 属性
let divHeight = document.getElementById('myDiv').clientHeight;

此方法将返回指定 div 的高度,但不包括边框和外边距。

3. 使用 getBoundingClientRect() 方法
let divHeight = document.getElementById('myDiv').getBoundingClientRect().height;

此方法将返回指定 div 的高度,包括边框和内边距,但不包括外边距。

无论使用哪种方法,都需要确保指定的 div 在 JavaScript 代码中可见,即它必须在 HTML 文档中存在,且其 CSS display 属性不为 none。否则,将无法正确获取其高度。

以上三种方法都可以在 JavaScript 中轻松获取指定 div 的高度,你可以按照自己的需要选择其中的一种或多种。