得到计算后样式兼容性代码

最新推荐文章于 2021-05-21 16:55:42 发布

guxuehua

最新推荐文章于 2021-05-21 16:55:42 发布

阅读量382

点赞数

分类专栏：前端学习文章标签： js得到计算后样式

本文链接：https://blog.csdn.net/guxuehua/article/details/56489199

版权

前端学习专栏收录该内容

15 篇文章 0 订阅

订阅专栏

 function fetchComputedStyle( obj , property) {

        if (window.getComputedStyle){
            //把用户输入的property检测是不是驼峰，如果是，转为连字符
            // 转为连字符的方法 ：强制把用户输入的大写字母，变成小写字母加-
            // paddingLeft  -> padding-left

            property = property.replace(/([A-Z])/,function (match,$1) {

                return "-" + $1.toLowerCase();
            });

            return window.getComputedStyle(obj)[property];
        }else {

            //IE只认识驼峰，要防止用户输入短横，所以需把短横改为大写字母
            //padding-left  -> paddingLeft

            property = property.replace(/\-(a-z)/,function (match,$1) {
                return $1.toUpperCase();
            });

            return obj.currentStyle[property];
        }

    }