offsetHeight与clientHeight

时间:2015-01-21 03:31:40

标签: javascript html

我正在尝试使用javascript获取div的高度。我在stackoverflow上看到了很多这个问题并看到了两个答案。有人说clientHeight和一些人说offsetHeight。对于我的项目,我有一个div内部的内容,没有预先设置的CSS高度。我想用javascript获得它的高度。哪个更好用?请不要发出声音。感谢

2 个答案:

答案 0 :(得分:2)

两者之间的区别在于您获得的价值。

具体来说, clientHeight 将为您提供div的可见高度的高度,包括填充但不包括scrollBar,边框和边距,而 offsetHeight 将为您提供可见div的高度,包括scrollBar,padding和边框,但不包括边距。

答案 1 :(得分:1)

.Height如果您需要div的高度,不包括边距/填充/边框。

.innerHeight如果您需要填充div的高度但没有边框+边距

.outerHeight如果你需要div的高度,包括填充和边框

.outerHeight(true)如果你需要div的高度,包括border + margin + padding