关于使用getElement获取元素后无法取到具体style的解决方式

     在我们使用getElementById 或者getElementByClassName获取元素的样式的时候。发现只要不是在元素的内联样式，获取到的style都为空。
   这时候我们就需要用到一个js的原生函数getComputedStyle()

document.defaultView.getComputedStyle(element[,pseudo-element]);  
或者
window.getComputedStyle(element[,pseudo-element]);

这个函数的兼容性：

在 Chrome 和 Firefox 是支持该属性的，同时 IE 9 10 11 也是支持相同的特性的，IE 8并不支持这个特性。 IE 8
支持的是 element.currentStyle 这个属性，这个属性返回的值和 getComputedStyle 的返回基本一致，只是在
float 的支持上，IE 8 支持的是 styleFloat,这点需要注意。