我想獲得使用javascript的div的高度。我在stackoverflow上看到了很多這個問題,並看到了兩個答案。有人說clientHeight和一些說offsetHeight。對於我的項目,我有一個div內容,裏面沒有預先設置的CSS高度。我想用javascript來獲得它的高度。哪個更好用?並請不要JQUERY。謝謝offsetHeight與客戶端高度
2
A
回答
2
兩者之間的區別在於你所得到的價值。
具體來說,clientHeight會給你DIV包括填充的可見高度的高度,但不包括滾動條,邊框和保證金而的offsetHeight會給你的div可見的高度,包括滾動條,填充和邊界但不包括邊緣。
1
.Height
如果你需要div的高度,不包括margin/padding/border。
.innerHeight
,如果你需要的div的高度與填充,但無邊框+緣
.outerHeight
如果你需要的div的高度,包括填充和邊界
.outerHeight(true)
,如果你需要的div的高度,包括邊框+保證金+填充
相關問題
- 1. 控制高度和寬度客戶端與JavaScript
- 2. 胖/胖客戶端與瘦客戶端
- 3. Windows客戶端與Web客戶端
- 4. 富Web客戶端與瘦客戶端
- 5. 在twitter類客戶端重用UITableViewCell(每個客戶端的自定義高度)
- 6. 的Silverlight:難度與Web客戶端
- 7. 高級web客戶端.net
- 8. 客戶端與客戶端與雲端點的通信
- 9. 支持客戶端的寬度/高度在鉻
- 10. C#WinForms - Real(包括非客戶端)FixedToolWindow高度和寬度
- 11. 與SJCL客戶端
- 12. 與C#客戶端
- 13. 與Web客戶端
- 14. Spring RestTemplate與Jersey Rest客戶端與RestEasy客戶端
- 15. 澤西REST客戶端與Apache HTTP客戶端4.5與改造
- 16. ASP與ASP.NET(瘦客戶端與胖客戶端)
- 17. git與Ubuntu客戶端與Windows客戶端
- 18. 客戶端進度信息?
- 19. 客戶端寬度不對
- 20. 如何在PHP中計算用戶(客戶端)設備寬度和高度?
- 21. 客戶端JavaScript與服務器端Java的速度有多快?
- 22. Silverlight中客戶端瀏覽器的內部高度
- 23. 表客戶端沒有列名爲高度
- 24. 提高大衆進口速度從客戶端應用程序
- 25. 如何調整div到客戶端視口高度?
- 26. WebSocket客戶端與socketio/engineio
- 27. ssh客戶端與paramiko
- 28. 與GWT聊天客戶端
- 29. 客戶端Prism.js與npm
- 30. Node.js DRY與MySQL客戶端
在這種情況下,沒有比這更好或更糟的事情,你只需要決定你需要什麼信息。這兩個屬性不同,因爲它們提供了特定的信息。 offsetHeight爲您提供元素的高度,包括垂直填充和邊框,而clientHeight則爲您提供元素的內部高度,包括填充,但不包括水平滾動條高度,邊框或邊距。 – nunoarruda 2015-01-21 03:37:23
謝謝。正是我要求的@NunoArruda – krummens 2015-01-21 03:39:08