js 获取计算后的样式

currentStyle 只支持IE

getComputedStyle(obj, false)  支持其它浏览器

1.复合样式：currentStyle取不到
例：background、margin
2.取默认样式
3.只能读

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>获取计算后的样式</title>
<style type="text/css">
#div1{  height:100px; background:#069;}
</style>
<script type="text/javascript">


//处理兼容问题

function getStyle(obj, name)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[name];      //只支持IE
    }
    else
    {
        return getComputedStyle(obj, false)[name];  //支持其它浏览器
    }
}
window.onload=function()
{
    var oDiv=document.getElementById('div1');
    alert(getStyle(oDiv, 'width'));
    alert(getStyle(oDiv, 'backgroundColor'));  //注意在获取复合样式时要单独写，不能写background
};
</script>
</head>

<body>
<div id="div1"></div>
</body>
</html>

 

 

 



 

posted @ 2013-02-25 16:01  Daya  阅读(888)  评论(0)  编辑  收藏  举报