js中css樣式相容各個瀏覽器寫法

你怕黑暗麼發表於2019-02-11

在實際業務中往往需要在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);
}

相關文章