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);
}
原文地址:https://www.cnblogs.com/jkingdom/p/10362043.html