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

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