JS获取dom元素计算样式大小

最新推荐文章于 2024-04-05 23:44:28 发布

原创最新推荐文章于 2024-04-05 23:44:28 发布 · 987 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JS

收录于

JS学习专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个用于获取元素CSS样式的跨浏览器兼容性解决方案。通过封装getStyle函数，可以在现代浏览器中使用window.getComputedStyle，在IE8及以下版本中使用currentStyle属性，从而确保不同环境下的一致性。

window.getComputedStyle 获取当前元素的CSS样式显示值，只读，所得的值是绝对值。。ie8及其ie8以下不兼容
elem.currentStyle Ie独有的函数

封装一个getStyle函数处理各浏览器之间的兼容性

//封装getStyle
function getStyle(elem,prop){//elem dom元素  prop 元素属性
    if(window.getComputedStyle){
        return window.getComputedStyle(elem,null)[prop];//null可以替换成伪类元素，可以得到伪类元素的属性值
    }else{
        return elem.currentStyle[prop];
    }
}