2022-05-05 获取指定元素的CSS非行内样式:getComputedStyle()方法

前端OnTheRun

已于 2022-05-20 17:26:58 修改

阅读量154

点赞数

分类专栏：笔记文章标签： js css javascript 前端

于 2022-05-05 22:34:39 首次发布

本文链接：https://blog.csdn.net/rowlet/article/details/124599366

版权

getComputedStyle getPropertyValue IE兼容 CSS样式前端开发

关键词由CSDN通过智能技术生成

笔记专栏收录该内容

82 篇文章 1 订阅

订阅专栏

getComputedStyle() 方法用于获取指定元素的css样式

//封装一个兼容IE的获取指定元素样式的函数`
     function getPos(obj,attr){
         if(obj.currentStyle){   
             return obj.currentStyle[attr];// IE
         }else{
           return getComputedStyle(obj)[attr]//通用
         }
     }

getPropertyValue() 方法返回指定的css属性的值

console.log(window.getComputedStyle(box).getPropertyValue("width")); //200px
console.log(window.getComputedStyle(box).width);
// console.log(box.currentStyle[backgroundColor]);//要在IE浏览器上试