getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。
这个定义当中有一个很关键的词,就是最终。
比如你在body当中定义了其子元素的css,然后你在写里边具体代码的时候,又对同样的元素再次写了一个样式;那么getComputedStyle就会取两次定义的终合样式,也就是展示出来的样式;
举例说明:
开始你定义了
body text{
width:60px;
height:12px;
}
后来你又给指定的text定义了css
text{
width:80px;
}
这个时候你要对该元素使用css ,那么就会取到
text{
width:80px;
height:12px;
}
返回的对象是[object CSSStyleDeclaration];其实就是一个object,如果想读里边的样式。还如上例子
object.width
其它的就没什么可解释了,就是获得元素的css。