2015-01-21 48 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的高度,包括邊框+保證金+填充