js中css样式兼容各个浏览器写法

在实际业务中往往需要在js中对dom添加一些样式，还需要对各个浏览器厂商的兼顾，看到一位大神写的一个方法很赞，做一个笔记

function prefixStyle(style){

    var eleStyle = document.createElement('div').style;

    var vendor = function(){

        var transformNames={

            webkit:'webkitTransform',

            Moz:'MozTransform',

            O:'OTransform',

            ms:'msTransform',

            standard:'transform',

        }

        for(var key in transformNames){

        if(eleStyle[transformNames[key]]!='undefined'){

            return key;

        }

        }

        return false

    }

    if(vendor()===false){

        return false

    }

    if(vendor()==='standard'){

        return style

    }

    return vendor() + style.charAt(0).toUpperCase()+style.substr(1);

}

巴特西

js中css样式兼容各个浏览器写法

在实际业务中往往需要在js中对dom添加一些样式，还需要对各个浏览器厂商的兼顾，看到一位大神写的一个方法很赞，做一个笔记

最新文章

热门文章