(019)模拟jqcss函数_arguments应用 

 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                 return obj.currentStyle[attr];
23             }
24             //FF,Chrome下
25             else {
26                 return getComputedStyle(obj,false)[attr];
27             }
28         }
29 
30         function css(obj, attr, value) {
31 
32             if(arguments.length == 2) {
33                 return getStyle(obj,attr);
34             } 
35             else if(arguments.length == 3) {
36                 obj.style[attr] = value;
37             }
38         }
39 
40         window.onload = function() {
41 
42             var mydivNode = document.getElementById("mydiv");
43             var btnNode = document.getElementById("btn");
44 
45             btnNode.onclick = function() {
46                 //css(mydivNode, 'background','#cdfcdf');
47                 alert(css(mydivNode,"width"));
48             };
49         };
50                 
51     </script>
52 </head>
53 
54 <body>
55 
56     <input id="btn" type="button" value="样式" />
57     <div id="mydiv"></div>
58     
59 </body>
60 </html>

 

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