JS如何获取一个未知DIV高度的方法
来源:互联网 发布:画原型的软件 编辑:程序博客网 时间:2024/05/01 19:52
这种做法的局限:
1. 如果元素的display属性设置为none, 那么得到的结果为0
2. 在safari浏览器中,需要使用:element.offsetHeight得到实际高度,这是safari浏览器的bug
下面是Prototype提供的方法,能够兼容各种浏览器,同时在元素隐藏的情况下也能正确得到元素尺寸,供参考:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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};
}
0 0
- JS如何获取一个未知DIV高度的方法
- JS如何获取一个未知DIV高度的方法
- js 获取自适应高度div的高度
- js获取div高度
- div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- 未知高度的div在父元素中水平垂直居中的方法
- js如何获取滚动条的高度
- js中获取窗口高度的方法
- js中获取窗口高度的方法
- JS 获取div框的宽度和高度
- 在不同分辨率下用js获取div的高度
- 未知高度div垂直居中
- jQuery怎么简单去获取一个div的高度
- CSS解决未知高度的DIV垂直居中
- CSS解决未知高度的DIV垂直居中
- CSS解决未知高度的DIV垂直居中
- Centos安装Node.js简单方法
- C语言中scanf问题
- C语言中的变量存储知识
- 【Linux C代码分享二】UDP Socket示例程序:使用fgets函数获取屏幕输入
- TCP笔记
- JS如何获取一个未知DIV高度的方法
- 装载和动态链接
- 冠字号查询系统中HBase写入数据性能测试
- js的window.onscroll事件兼容各大浏览器!
- IDA功能简介(2)----流程图功能
- Javascript判断IE6浏览器函数
- c语言中函数memset()用法
- 动态链接
- 第三十三讲项目3-输出1000以内能被3整除且个位数为6的所有整数。