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

原创已于 2022-05-20 17:26:58 修改 · 176 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #css #javascript #前端

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

笔记专栏收录该内容

87 篇文章

订阅专栏

本文介绍了如何使用getComputedStyle()函数在不同浏览器中获取元素样式，并通过getPropertyValue()方法获取指定CSS属性值。重点讲解了如何在IE浏览器中实现兼容性处理。

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浏览器上试