html中
<div class="box"><div>
它的css样式为：
.box {
width: 200px;
height: 200px;
background: rgb(23,321,44);
}
js中我们要得到box这个元素的css属性，通常会用类似下面这样的函数：
function getStyle(obj, str) {
if (obj.currentStyle) {
return obj.currentStyle[str]
} else {
return window.getComputedStyle(obj,null)[str]
}
}
然后传入这个元素 var box = document.getElemenById('box');
getStyle(box,'width') //200px
getStyle(box,'background') //在火狐浏览器下无输出
比较疑惑，后来查了相关资料，才知道在火狐浏览器下该函数不能返回复合属性的值，只能返回单属性，例如：
getStyle(box, 'backgroundColor') //rgb(23, 321, 44)
在这里因为background是个复合属性，它包括了backgroundColor,backgroundSize等属性,故不能返回。
