获取非行内的样式

来源:互联网 发布:ae cs6 mac 破解 编辑:程序博客网 时间:2024/06/07 07:50
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #div1{
            width:100px;
            height:100px;
            background:yellow;
        }
    </style>
    <script type="text/javascript">
        window.onload=function(){
            var div1=document.getElementById("div1");
            //获取那个元素
            //获取那个样式
            function getStyle(obj,attr){
              if(obj.currentStyle){
                  return obj.currentStyle[attr];
              }else{
                  return getComputedStyle(obj, false)[attr];
              }
            }
           //alert(getStyle(div1,"width"));
           // alert(getStyle(div1,"fontSize"));//获取默认样式
            //alert(getStyle(div1,"backgroundColor"));
           // alert(getStyle(div1,"background"));//IE无法获取复合样式
        }
    </script>
</head>
<body>
<div id="div1" style="font-size: 12px;"></div>
</body>
</html>
0 0
原创粉丝点击