JavaScript初级——获取元素的样式

1、获取元素当前的显示样式

                        语法：元素.currentStyle.样式名

                可以用来读取当前元素正在显示的样式，如果当前的元素没有设置样式，则获取他的默认值

                currentStyle只有IE8浏览器支持，其他的浏览器不支持。

2、在其他浏览器中：

                getComputedStyle（）这个方法来获取元素当前的样式，这个方法是window的方法，可以直接使用。

                —— 需要两个参数：

                        ① 要获取样式的元素

                        ② 可以传递一个伪元素，一般都传null

                —— 该方法会返回一个对象，对象中封装了当前元素对应的样式。

                —— 可以通过对象.样式名来读取样式，如果样式没有设置，则会获取到真实的值，而不是默认值。比如：没有设置width，他不会获取到auto，而是一个长度。

                —— 该方法不支持IE8及以下的浏览器。

3、定义一个函数，用来获取指定元素的当前的样式。

参数：   

                obj    要获取样式的元素

                name  要获取的样式名

4、通过currentStyle和getComputedStyle（）读取到的样式都是只读的，不能修改，如果要修改必须通过style属性。

本文先到这里，下一篇继续学习JavaScript中关于其他样式相关的属性。