javascript - offsetHeight 与 clientHeight

Question

我正在尝试使用 javascript 获取 div 的高度。我在 stackoverflow 上看到了很多这个问题，并且看到了两个答案。有人说是 clientHeight，有人说是 offsetHeight。对于我的项目，我有一个包含内容的 div，它没有预先设置的 css 高度。我想用 javascript 获取它的高度。哪个更好用？请不要使用 JQUERY。谢谢

Answer 1

两者之间的区别在于您获得的值(value)中包含的内容。

具体来说，clientHeight 将为您提供 div 的可见高度，包括内边距但不包括滚动条、边框和边距，而 offsetHeight 将为您提供可见高度div 的高度，包括滚动条、填充和边框，但不包括边距。