css样式表有三种写法:

  1. 内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。

  2. 内部样式(internal Style Sheet):是写在HTML的 里面的,内部样式只对所在的网页有效。 

  3. 外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。 

  但是在JavaScript中,通过document.getElementById(id).style.XXX就可以获取到XXX的值,

   确只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。(只有内嵌方式才可以)  

       

          解决办法:通过currentStyle,runtimeStyle,getComputedStyle style 标准的样式: