JS中读取元素样式的方法

通过getComputedStyle或者currentStyle获取的元素属性都是不能进行修改的，只能读，想要修改只能通过style属性

1. getComputedStyle()，这个方法只可以在ie9及以上的浏览器中使用，它可以读取元素的当前样式，用法如下：

   getComputedStyle(要获取样式的元素，null);
   

   • getComputedStyle()方法需要两个参数，第一个是要获取元素对应的样式，第二个参数可以传递一个伪元素，一般都会传递一个null。
   • getComputedStyle()方法会返回一个对象，对象里封装的是获取元素的所有，需要读取具体的哪个样式只要：getComputedStyle().样式名，即可进行获取。如果读取的样式没有设置值，则会放回其真实的值，而不是默认值。

2. 使用currentStyle可以读取到属性的当前样式，但是这个方法只有ie浏览器支持，其他的浏览器不兼容，用法如下：

   box.currentStyle.width;//获取当前的样式
   

• 这个方法在读取元素的样式的时候，如果元素本身没有设置要读取的样式，则会返回这个样式的默认值，比如：在读取元素的width的时候，如果没有设置width，则会返回auto。注意：这个属性只能读取元素的内联样式，也就是说，在读取之前要给读取的元素设置内联样式才能成功读取。

如果不在ie浏览器里面运行，会报如下错误