Javascript读取CSS属性的问题

 

在编写Javascript代码的时候，经常会遇到一个问题就是使用element.style.property只能读取定义在HTML标签里的style样式，但是定义在<style>标签以及外部的样式确不能读取得到。 但是，浏览器开发商们为element提供了一个属性可以获取这些样式。IE提供的是obj.currentStyle.property,而标准浏览器们提供的是一个方法obj.getComputedStyle(obj,null).property。

所以，可以通过封装一个方法来实现获取样式了

    function getStyle(element,property){  
   　　 var styleValue=null; 
  　   if(element.getComputedStyle){   
　　　　　　　styleValue=element.getComputedStyle(element,null)[property]  
　　　　}else{   
    　　　　styleValue=element.currentStyle[property];  
　　　　} 
　　　　return styleValue; 
　　}