码迷,mamicode.com
首页 > Web开发 > 详细

js用currentStyle和getComputedStyle获取css样式(非行间)

时间:2015-01-09 12:28:18      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

用js的style属性可以获得html标签的样式,但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢?在IE下可以用currentStyle,而在火狐下面我们需要用到getComputedStyle。下面是一个小示例:

 

<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>js用currentStyle和getComputedStyle获取css样式</title>  
<style type="text/css">  
#div1{width:100px; height:100px; background:red;}  
</style>  
<script type="text/javascript">  
function getStyle(obj, attr)  
{  
    if(obj.currentStyle)  
    {  
        return obj.currentStyle[attr];  
    }  
    else  
    {  
        return getComputedStyle(obj,false)[attr];  
    }  
}  
window.onload=function()  
{  
    var oDiv=document.getElementById(‘div1‘);  
    alert(getStyle(oDiv,‘width‘))  
}  
</script>  
</head>  
   
<body>  
<div id="div1"></div>  
</body>  
</html>  

  

原文地址:http://blog.csdn.net/cui_angel/article/details/7815328

js用currentStyle和getComputedStyle获取css样式(非行间)

标签:

原文地址:http://www.cnblogs.com/dqdq/p/4212807.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!