脚本化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];
    }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。