一個JavaScript獲取元素當前高度的實例
更新時間:2014年10月29日 17:27:26 投稿:whsnow
這篇文章主要為大家介紹了一個JavaScript獲取元素當前高度的實例,比較實用,建議新手朋友們可以看看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一個JavaScript實例-獲取元素當前高度</title> <style> #date{width:90%;height:25%;padding:10px;background: red;} </style> <script> window.onload = function(){ var height = getHeight(); console.log(height); } function getHeight(){ var height = 0; var div = document.getElementById("date").getBoundingClientRect(); if(div.height){ height = div.height; }else{ height = div.bottom - div.top; } return height; } </script> </head> <body> <div style="width:1000px;height:800px;"> <div id = "date"> </div> </div> </body> </html>
相關文章
微信內(nèi)置瀏覽器WeixinJSBridge的使用技巧(隱藏右上角按鈕,獲取用戶網(wǎng)絡狀態(tài),支付等)
這篇文章主要介紹了微信內(nèi)置瀏覽器WeixinJSBridge的使用技巧,隱藏右上角按鈕,獲取用戶網(wǎng)絡狀態(tài),支付,隱藏下方工具欄等,需要的朋友可以參考下2024-02-02微信小程序開發(fā)之好友列表字母列表跳轉(zhuǎn)對應位置
這篇文章主要介紹了微信小程序開發(fā)之好友列表字母列表跳轉(zhuǎn)對應位置的相關資料,希望通過本文能幫助到大家讓大家實現(xiàn)這樣的功能,需要的朋友可以參考下2017-09-09JS實現(xiàn)獲取數(shù)組中最大值或最小值功能示例
這篇文章主要介紹了JS實現(xiàn)獲取數(shù)組中最大值或最小值功能,結(jié)合實例形式總結(jié)分析了javascript獲取數(shù)組最大值與最小值的三種常見操作技巧,需要的朋友可以參考下2019-03-03javascript中tostring()和valueof()的用法及兩者的區(qū)別
基本上,所有JS數(shù)據(jù)類型都擁有valueOf和toString這兩個方法,null除外。它們倆解決javascript值運算與顯示的問題,本文給大家介紹javascript中tostring()和valueof()的用法及兩者的區(qū)別,對js tostring valueof相關知識感興趣的朋友一起學習吧2015-11-11