js基础_获取元素的样式


获取元素的样式currentStyle

就是获取元素的当前显示的样式,如果要获取到元素没有设置该样式,则获取它的默认值,比如说,当前元素没有设置background-color样式,你用这个属性获取的就是默认值:transparent(透明的)。

它和style的区别就是它可以获取元素当前正在使用的样式,而style只能获取内联样式。

currentStyle只有IE浏览器支持,其它浏览器都不支持。

getComputedStyle()

在其它的浏览器中可以使用getComputedStyle()这个方法来获取元素当前的样式,这个方法是window的方法,可以直接使用。需要两个参数:第一个:要获取样式的元素。
第二个,可以传递一个伪元素,一般都传null。
这个方法会返回一个对象,对象中封装了当前元素对应的样式。
可以通过对象.样式名来读取样式,如果获取的样式没有设置,则会获取到真实的值,而不是默认值,比如:没有设置width,他不会获取到auto,而是一个长度。但是该方法不支持IE8及以下的浏览器。

通过currentStyle和getComputedStyle()读取到的样式都是只读的,不能修改,如果要修改必须通过style属性。


    
        
        
        
        
    
    
        

相关