脚本化css的知识点及方法封装

脚本化CSS

查询计算样式

window.getComputedStyle(ele,null)

计算样式只读
返回的样式的值为绝对值（px），不是相对值（em ，%）
IE8及IE8以下不兼容

此时的null如果传递值，可传递伪元素，意思为获取该ele的伪元素的样式

ele.currentStyle

计算样式只读
返回的样式值不是经过转换的绝对值
IE特有的属性

//针对上述两种查询样式方法封装兼容的fun
/**
 * [getStyle 求特定的元素的特定属性值]
 * @param  {[element]} ele  [指定元素]
 * @param  {[string]} prop [属性名称]
 * @return {[string]}      [返回特定属性的值]
 */
function getStyle(ele,prop){
    if(window.getComputedStyle){
        return window.getComputedStyle(ele,null)[prop];
    }else{
        return ele.currentStyle[prop];
    }
}