css设置height:100%,用js获取不到高度值问题
2018-04-06 12:47
543 查看
工作中用到的amaze ui的popup中的heigh:100%;在项目中我需要获取大屏popup的高的具体的像素值,然而我要说的是,总共有两点:
一、用纯js获取obj.style.height、obg.innerHeight和obj.offsetHeight获取,
console的值是undefind
2、使用window.getComputedStyle(obj)或者obj.currentStyle[兼容IE的]
console的也是undefind
3、当设置的height:100%是外联样式的话,使用obj.style.height获取是就是undefined,但若是内联样式就是100%
4、obj.sytle.height 和obj.offsetHeight的区别
obj.style.height获取的是字符串,offsetHeight获取的是数字
二、最后怎么办的呢?
使用jq的$(obj).height();获取到了我想要的值,jq把百分比转化成了像素值(从表面上结果是这样的)
这就让我“百思不得其姐”了,为什么呢?jq源码实现$().height()不也是用document.getElementById(element).style.height实现的吗?(望有知道的指点迷津!谢谢你们了)
一、用纯js获取obj.style.height、obg.innerHeight和obj.offsetHeight获取,
console的值是undefind
2、使用window.getComputedStyle(obj)或者obj.currentStyle[兼容IE的]
console的也是undefind
3、当设置的height:100%是外联样式的话,使用obj.style.height获取是就是undefined,但若是内联样式就是100%
4、obj.sytle.height 和obj.offsetHeight的区别
obj.style.height获取的是字符串,offsetHeight获取的是数字
二、最后怎么办的呢?
使用jq的$(obj).height();获取到了我想要的值,jq把百分比转化成了像素值(从表面上结果是这样的)
这就让我“百思不得其姐”了,为什么呢?jq源码实现$().height()不也是用document.getElementById(element).style.height实现的吗?(望有知道的指点迷津!谢谢你们了)
相关文章推荐
- js获取height为auto的高度问题
- css 设置height:100%问题
- 遇到的问题(css设置background 和 JS获取元素属性)
- 【CSS系列】height:100%设置div的高度
- CSS-div高度100%设置问题
- 在IE6下用css设置div的高度为100%时失效的问题!
- 一个设置为display:none;的div,在用.height()方法获取不到它的高,获取到的高度为0.
- font-size问题——当你设置font-size为12px时height为14,每增加一个像素高度相应就增加二个像素
- 奇怪的问题,关于js+css实现页面内容高度自适应的两种解决方案
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- ASP.NET获取不到JS设置cookies的解决方法
- 标准模式中的 IE width 100% bug CSS设置height:"100%" CSS处理圆角
- 【浏览器兼容性】css解决IE、Firefox兼容的div高度100%的问题
- height高度100%在ie中的问题
- php、asp.net关于后台设置的cookie前台JS获取时出现中文乱码问题解决
- js获取宽度 ,各种高度宽度document.body.clientWidth , document.body.clientHeight,window.screen.width 等等
- Iframe设置高度为100%问题!!!!【转】
- ASP.NET获取不到JS设置cookies的解决方法
- firefox中浏览嵌入flash页面的height设置100%问题的解决
- TextBox属性设置为只读后台获取不到值的问题