JavaScript獲取CSS的值_綜合其它特效

利用JavaScript獲取CSS的值，本方法只保證在IE下有效，其它瀏覽器沒有測試是否能正常運行，本代碼獲取的是ID為QQ的CSS定義中Width的值。如果你用的是火狐，可以試著把函數obj.currentStyle改為getComputedStyle試一下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" />   
<title>S獲取CSS屬性值</title>   
<style type="text/css">   
   
</style>   
</head>   
   
<body>   
<p id="qq" class="test" >JS獲取CSS的值</p>   
<script type="text/javascript">   
function GetCurrentStyle (obj, prop) {      
    if (obj.currentStyle) {         
        return obj.currentStyle[prop];      
    }       
    else if (window.getComputedStyle) {         
        propprop = prop.replace (/([A-Z])/g, "-$1");            
        propprop = prop.toLowerCase ();         
        return document.defaultView.getComputedStyle (obj,null)[prop];      
    }       
    return null;    
}    
var dd=document.getElementById("qq");    
alert(GetCurrentStyle(dd,"width"));    
</script>   
</body>   
</html>

所屬頻道：綜合其它特效/更新時間：2013-06-14

[收藏][報錯][返回列表]

相關綜合其它特效：

JavaScript獲取CSS的值_綜合其它特效

綜合其它特效Rss訂閱特效代碼搜索

綜合其它特效推薦

猜你也喜歡看這些