获取非行间样式

最新推荐文章于 2022-08-31 23:06:44 发布

weixin_43370067

最新推荐文章于 2022-08-31 23:06:44 发布

阅读量114

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43370067/article/details/106773055

版权

  兼容: 
        一个是方法，一个是属性, 用方法是否存在来判断
        if (window.getComputedStyle) {
            // 标准浏览器
            console.log(getComputedStyle(div).width);
        } else {
            // ie浏览器
            console.log(div.currentStyle.width);
        }


  // 封装
        function getStyle(elem, attr) {
            // elem: element 元素
            // attr: attribute 属性
            if (window.getComputedStyle) {
                // 标准浏览器
                return getComputedStyle(elem)[attr];//getComputedStyle(元素)[属性名],元素.currentStyle[]
            } else {
                // ie浏览器
                return elem.currentStyle[attr];
            }
        }