1、获取元素当前的显示样式
语法:元素.currentStyle.样式名
可以用来读取当前元素正在显示的样式,如果当前的元素没有设置样式,则获取他的默认值
currentStyle只有IE8浏览器支持,其他的浏览器不支持。
2、在其他浏览器中:
getComputedStyle()这个方法来获取元素当前的样式,这个方法是window的方法,可以直接使用。
—— 需要两个参数:
① 要获取样式的元素
② 可以传递一个伪元素,一般都传null
—— 该方法会返回一个对象,对象中封装了当前元素对应的样式。
—— 可以通过对象.样式名来读取样式,如果样式没有设置,则会获取到真实的值,而不是默认值。比如:没有设置width,他不会获取到auto,而是一个长度。
—— 该方法不支持IE8及以下的浏览器。
3、定义一个函数,用来获取指定元素的当前的样式。
参数:
obj 要获取样式的元素
name 要获取的样式名
4、通过currentStyle和getComputedStyle()读取到的样式都是只读的,不能修改,如果要修改必须通过style属性。
本文先到这里,下一篇继续学习JavaScript中关于其他样式相关的属性。