计算后样式

1，高级浏览器和低级浏览器的不同写法。
现在我们只能得到行内的样式，事实上DOM提供了可靠的API，得到计算后的样式。
W3C制定的标准API所有现代浏览器（包括IE9，但不包括之前的版本）都实现了window.getComputedStyle(),该方法接受一个要进行样式计算的元素，并返回一个样式对象。样式对象提供了一个名为getPropertyValue()的方法，用于检索特定样式属性的计算样式。getPropertyValue方法接受css属性名称，而不是驼峰式的名称。getPropertyValue()可以不写直接用方括号来检索属性也可以。
get得到，computed计算后，style样式
get得到，property属性，vaule值
比如：window.getcoputedStyle(oDiv).getPropetyValue(“width”)
所有window对象的方法，都可以不用写window。
比如：alert方法是window对象的方法，所以我们可以简写：window.alert(“哈哈哈”);等价于alert(“哈哈哈”);
得到计算后的样式，可以直接使用getComputedStyle函数，而不用写window。
getComputedStyle(oDiv).getPropertyValue(“window”)
getComputedStyle(oDiv).getPropertyValue(“padding-left”)
getPropertyValue看上去就像打他，看着就不爽，所以可以简写：
getComputedStyle(oDiv)[“psdding-left”]
计算后样式是综合的结果，就是这个元素此时的状态：现在有css：
background:url(images/songhuiqiao.jpg) no-repeat 10px 10px;
虽然没有显示指定background-position,但是有值：
getComputedStyle(oDiv)[“background-position”] // 10px 10px;
DOM提供给JS的API非常好，一个元素此时的状态，完完全全可以被得到。