您的位置:首页 > Web前端 > CSS

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实现的吗?(望有知道的指点迷津!谢谢你们了)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息