您现在的位置是:首页 > web开发 > js获取css样式方法

js获取css样式方法

web开发作者:dayu日期:8天前点击:3
aWidth); // rgb(0,0,255) 100px }

2、内部样式的获取

<style type="text/css">
    #a{
        width: 200px;
        height: 200px;
        background-color: red;
    }
</style>
<body>
    <div id="a"></div>
</body>

function temp(){
//  非IE浏览器
    var a=document.getElementById("a");
    var aStyle=getComputedStyle(a);
    var aColor=aStyle.backgroundColor;
    var aWidth=aStyle["width"];
    alert(aColor+"  "+aWidth);
//  rgb(255,0,0)  200px
//  IE浏览器
//  var a=document.getElementById("a");
//  var aStyle=a.currentStyle;
//  var aColor=aStyle.backgroundColor;
//  var aWidth=aStyle["width"];
//  alert(aColor+"  "+aWidth);
//  red  200px
}

3、外部样式的获取(同内部样式)

<!-- css文件 -->
#a{
    width: 300px;
    height: 300px;
    background-color: #4F5F6F;
}

js获取css样式方法

原文地址:http://www.cnblogs.com/lixiang1993/p/7244258.html


下一篇       上一篇