javascript - 使用 javascript 设置 vendor 前缀的 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;
}

那么在大多数情况下你可以只使用它。