使用javascript设置供应商前缀的CSS

Question

…是一个巨大的痛苦。

var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;

有没有图书馆/框架/更好的方法来做到这一点？最好只用一行JS？

Answer 1

我不知道有哪个库可以执行此操作，但是如果它们都只是 前缀（ 即名称或语法没有区别），那么自己编写函数将是微不足道的。

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;
}

然后您可以在大多数情况下使用它。