JS获取一个未知DIV高度的方法
程序员文章站
2022-03-14 14:59:38
...
本文实例讲述了JS获取一个未知DIV高度的方法。分享给大家供大家参考,具体如下:
通过元素的clientHeight属性能够得到元素的高度,如:
var height = element.clientHeight;
这种做法的局限:
1. 如果元素的display属性设置为none, 那么得到的结果为0
2. 在safari浏览器中,需要使用:element.offsetHeight得到实际高度,这是safari浏览器的bug
下面是Prototype提供的方法,能够兼容各种浏览器,同时在元素隐藏的情况下也能正确得到元素尺寸,供参考:
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}; }
希望本文所述对大家JavaScript程序设计有所帮助。
更多JS获取一个未知DIV高度的方法相关文章请关注PHP中文网!
上一篇: 操作系统:进程的概念和与程序的区别
推荐阅读
-
js对象常用属性和方法:复制一个对象,获取一个对象的所有key和所有value的方法
-
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
-
js固定DIV高度,超出部分自动添加滚动条的简单方法_javascript技巧
-
分享一个JS实现获取图片大小和预览的方法
-
JS获取图片高度宽度的方法分享_javascript技巧
-
js获取每10分钟一个点的方法
-
JS获取图片高度宽度的方法分享_javascript技巧
-
JS/JQuery获取当前元素的上一个或下一个兄弟级元素等元素的方法(代码教程)
-
js获取Html元素的实际宽度高度的方法_javascript技巧
-
JS实现点击按钮获取页面高度的方法_javascript技巧