样式定义——多重浏览器

最新推荐文章于 2024-08-16 08:24:42 发布

a23180012142

最新推荐文章于 2024-08-16 08:24:42 发布

阅读量97

点赞数

原文链接：http://www.cnblogs.com/thestudy/p/6292190.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         var _oDiv=document.getElementById('oDiv');
 9     //alert(_oDiv.style.color)
10     //IE支持
11     //alert(_oDiv.currentStyle.color);
12     //alert(_oDiv.currentStyle['color']);
13     //FF支持
14     //alert(getComputedStyle(_oDiv, null).color);
15     //alert(getComputedStyle(_oDiv, ':after')['color']);
16     //自定义函数
17     //_oDiv.style.fontSize
18     //alert(getStyle(_oDiv, 'fontSize'));
19     //class
20     //alert(_oDiv.className)
21     //_oDiv.className='bbb';
22 }
23 //用js的style属性可以获得html标签的样式，但是不能获取非行间样式。
24 //在IE下可以用currentStyle；在FF下可以用getComputedStyle
25 function getStyle(obj, attr){
26     if(obj.currentStyle){
27         return obj.currentStyle[attr];
28     }else{
29         return getComputedStyle(obj,null)[attr];
30     }
31 }
32     </body>
33 </html>