首页 > 代码库 > js如何获取样式?

js如何获取样式?

     在某个项目中,我们经常会需要来获取某个元素的样式,比如说获取一个div的color;这样,新的问出现了,

    var style = box.style.width;console.log(style);如果我们写的是行内的样式,可以轻松通过这种方式来获得所需要的样式,不过,如果我们的样式是内联或者外联样式,就取不到了;

 

<script type="text/javascript">
window.onload=function(){
//获取行间样式
var oDiv=document.getElementById("Div");
alert(oDiv.style.background);

//获取非行间样式 方法,currentStyle是IE中的属性,getComputedStyle是其他浏览器的方法(注意其有两个参数);在非行间样式中,style属性只能去赋值,在行间样式中才能去获取样式;
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return window.getComputedStyle(obj,false)[attr];
}
}
alert(getStyle(oDiv2,"background")) ;
}

</script>

 

js如何获取样式?