国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS獲取一個(gè)未知DIV高度的方法

2019-11-20 09:16:28
字體:
供稿:網(wǎng)友

本文實(shí)例講述了JS獲取一個(gè)未知DIV高度的方法。分享給大家供大家參考,具體如下:

通過元素的clientHeight屬性能夠得到元素的高度,如:

var height = element.clientHeight;

這種做法的局限:

1. 如果元素的display屬性設(shè)置為none, 那么得到的結(jié)果為0

2. 在safari瀏覽器中,需要使用:element.offsetHeight得到實(shí)際高度,這是safari瀏覽器的bug

下面是Prototype提供的方法,能夠兼容各種瀏覽器,同時(shí)在元素隱藏的情況下也能正確得到元素尺寸,供參考:

getDimensions: function(element) {  element = $(element);  var display = $(element).getStyle('display');  if (display != 'none' && display != null) // Safari bug   return {width: element.offsetWidth, height: element.offsetHeight};  // All *Width and *Height properties give 0 on elements with display none,  // so enable the element temporarily  var els = element.style;  var originalVisibility = els.visibility;  var originalPosition = els.position;  var originalDisplay = els.display;  els.visibility = 'hidden';  els.position = 'absolute';  els.display = 'block';  var originalWidth = element.clientWidth;  var originalHeight = element.clientHeight;  els.display = originalDisplay;  els.position = originalPosition;  els.visibility = originalVisibility;  return {width: originalWidth, height: originalHeight};}

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 延吉市| 手游| 福州市| 响水县| 墨脱县| 峨边| 河曲县| 友谊县| 攀枝花市| 额济纳旗| 梓潼县| 陵水| 余干县| 绍兴市| 洛宁县| 乐至县| 中西区| 马边| 泗水县| 龙游县| 安塞县| 太仓市| 马山县| 清徐县| 绥阳县| 龙泉市| 宁国市| 双辽市| 漳浦县| 沛县| 凉城县| 常山县| 介休市| 广宁县| 瑞安市| 睢宁县| 蒙阴县| 大化| 休宁县| 湘潭市| 房山区|