2015-01-21 81 views
2

我想获得使用javascript的div的高度。我在stackoverflow上看到了很多这个问题,并看到了两个答案。有人说clientHeight和一些说offsetHeight。对于我的项目,我有一个div内容,里面没有预先设置的CSS高度。我想用javascript来获得它的高度。哪个更好用?并请不要JQUERY。谢谢offsetHeight与客户端高度

+1

在这种情况下,没有比这更好或更糟的事情,你只需要决定你需要什么信息。这两个属性不同,因为它们提供了特定的信息。 offsetHeight为您提供元素的高度,包括垂直填充和边框,而clientHeight则为您提供元素的内部高度,包括填充,但不包括水平滚动条高度,边框或边距。 – nunoarruda 2015-01-21 03:37:23

+0

谢谢。正是我要求的@NunoArruda – krummens 2015-01-21 03:39:08

回答

2

两者之间的区别在于你所得到的价值。

具体来说,clientHeight会给你DIV包括填充的可见高度的高度,但不包括滚动条,边框和保证金而的offsetHeight会给你的div可见的高度,包括滚动条,填充和边界但不包括边缘。

1

.Height如果你需要div的高度,不包括margin/padding/border。

.innerHeight,如果你需要的div的高度与填充,但无边框+缘

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

.outerHeight(true),如果你需要的div的高度,包括边框+保证金+填充