function setVendor(element, property, value) {
  element.style["webkit" + property] = value;
  element.style["moz" + property] = value;
  element.style["ms" + property] = value;
  element.style["o" + property] = value;
}


//Usage

setVendor( element, Transform, "translateX(0)" );

//or


element.style.webkitTransform = 'translateX(0)';   //Chrome and Safari
element.style.MozTransform = 'translateX(0)';      //Firefox
element.style.OTransform = 'translateX(0)';        //Opera
element.style.transform = 'translateX(0)';         //Someday this may get adopted and become a standard, so I put it in here.


//or

function getSupportedPropertyName(properties) {
    for (var i = 0; i < properties.length; i++) {
        if (typeof document.body.style[properties[i]] != "undefined") {
            return properties[i];
        }
    }
    return null;
}


var transform = ["transform", "msTransform", "webkitTransform", "mozTransform", "oTransform"];

var item = document.querySelector("#theItem");
var transformProperty = getSupportedPropertyName(transform);

if (transformProperty) {
    item.style[transformProperty] = "rotate(45deg)";
}