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>