样式定义——多重浏览器

 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>

 

转载于:https://www.cnblogs.com/thestudy/p/6292190.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值