美文网首页
脚本化css的知识点及方法封装

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

作者: QJe | 来源:发表于2018-09-07 11:56 被阅读0次

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

    相关文章

      网友评论

          本文标题:脚本化css的知识点及方法封装

          本文链接:https://www.haomeiwen.com/subject/aztcgftx.html