(018)封装的currentStyle 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>json使用</title>
 6     <style type="text/css">
 7         #mydiv {
 8             width: 150px;
 9             height:150px;
10             background: #abcdef
11         }
12     </style>
13     <script type="text/javascript">
14 
15         /**
16          * @param1 哪个元素
17          * @param2 哪个样式
18          */
19         function getStyle(obj, attr) {
20             //IE下
21             if(obj.currentStyle) {
22                 alert("ie");
23                 return obj.currentStyle[attr];
24             }
25             //FF,Chrome下
26             else {
27                 alert("ff");
28                 return getComputedStyle(obj,false)[attr];
29             }
30         }
31 
32         window.onload = function() {
33 
34             var divNode = document.getElementById("mydiv");
35             alert(getStyle(divNode,"width"));
36         };
37                 
38     </script>
39 </head>
40 
41 <body>
42 
43     <div id="mydiv"></div>
44     
45 </body>
46 </html>

 

posted @ 2014-01-21 23:54  雪中飞雁  阅读(64)  评论(0)    收藏  举报