javascript获取非行间样式的方法(可以兼容各个浏览器)

Posted 2020-09-22 秋水涴晴汐

实例：

html:

<div id=‘div1‘></div>

CSS:

#div1{width:200px; height:200px; background:red;}

//我们使用currentStyle和getComputedStyle来获取div元素的样式

//我们就单说一下getComputedStyle怎么使用吧！getComputedStyle有两个参数，其中第一个参数指的是你要获取哪个元素的样式，而第二个参数则是一个垃圾，你可以往里面放任何东西，包括你的名字都是可以的。如getComputedStyle(obj,null)，或者getComputedStyle(obj,’gnn’)，一般我们会把第二个参数设置成false。

function getStyle(obj,name){
    if(obj.currentStyle){
        //IE
        return obj.currentStyle[name];
    }else{
        //FF、Chrome
        return getComputedStyle(obj,false)[name];
    }
};
window.onload=function(){
    var odiv=document.getElementById(‘div1‘);
    alert(getStyle(odiv,‘width‘));//获取到div宽
　　alert(getStyle(odiv,‘backgroundColor‘));//背景颜色获取div的

}