js如何获取样式？

Posted 2020-09-26 donghongbo

     在某个项目中，我们经常会需要来获取某个元素的样式，比如说获取一个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>