一個(gè)JavaScript獲取元素當(dāng)前高度的實(shí)例
更新時(shí)間:2014年10月29日 17:27:26 投稿:whsnow
這篇文章主要為大家介紹了一個(gè)JavaScript獲取元素當(dāng)前高度的實(shí)例,比較實(shí)用,建議新手朋友們可以看看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一個(gè)JavaScript實(shí)例-獲取元素當(dāng)前高度</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>
您可能感興趣的文章:
- js中利用tagname和id獲取元素的方法
- js querySelector和getElementById通過(guò)id獲取元素的區(qū)別
- js 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法
- js 獲取元素下面所有l(wèi)i的兩種方法
- 用js獲取元素屬性的代碼
- js正確獲取元素樣式詳解
- JavaScript獲取元素尺寸和大小操作總結(jié)
- JavaScript中獲取元素索引的函數(shù)
- JavaScript中常見(jiàn)獲取元素的方法匯總
- javascript獲取元素CSS樣式代碼示例
- js 獲取元素在頁(yè)面上的偏移量的方法匯總
- JS簡(jiǎn)單實(shí)現(xiàn)獲取元素的封裝操作示例
相關(guān)文章
Javascript 多物體運(yùn)動(dòng)的實(shí)現(xiàn)
這篇文章主要介紹了Javascript 多物體運(yùn)動(dòng)的實(shí)現(xiàn),需要的朋友可以參考下2014-12-12JS棧stack類的實(shí)現(xiàn)與使用方法示例
這篇文章主要介紹了JS棧stack類的實(shí)現(xiàn)與使用方法,結(jié)合實(shí)例形式分析了棧的原理,以及javascript定義與使用棧的基本操作技巧,需要的朋友可以參考下2019-01-01微信內(nèi)置瀏覽器WeixinJSBridge的使用技巧(隱藏右上角按鈕,獲取用戶網(wǎng)絡(luò)狀態(tài),支付等)
這篇文章主要介紹了微信內(nèi)置瀏覽器WeixinJSBridge的使用技巧,隱藏右上角按鈕,獲取用戶網(wǎng)絡(luò)狀態(tài),支付,隱藏下方工具欄等,需要的朋友可以參考下2024-02-02js 設(shè)置選中行的樣式的實(shí)現(xiàn)代碼
設(shè)置選中的行樣式的js代碼,需要的朋友可以參考下,這里只給出了函數(shù),具體的自己發(fā)揮。2010-05-05微信小程序開(kāi)發(fā)之好友列表字母列表跳轉(zhuǎn)對(duì)應(yīng)位置
這篇文章主要介紹了微信小程序開(kāi)發(fā)之好友列表字母列表跳轉(zhuǎn)對(duì)應(yīng)位置的相關(guān)資料,希望通過(guò)本文能幫助到大家讓大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-09-09JS實(shí)現(xiàn)獲取數(shù)組中最大值或最小值功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)獲取數(shù)組中最大值或最小值功能,結(jié)合實(shí)例形式總結(jié)分析了javascript獲取數(shù)組最大值與最小值的三種常見(jiàn)操作技巧,需要的朋友可以參考下2019-03-03javascript中tostring()和valueof()的用法及兩者的區(qū)別
基本上,所有JS數(shù)據(jù)類型都擁有valueOf和toString這兩個(gè)方法,null除外。它們倆解決javascript值運(yùn)算與顯示的問(wèn)題,本文給大家介紹javascript中tostring()和valueof()的用法及兩者的區(qū)別,對(duì)js tostring valueof相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-11-11