javascript - 将所有带有 vendor 前缀的变体分配给样式

Question

Modernizr 提供了一个 testAllProps() 方法，可以方便地测试给定样式的所有 vendor 前缀样式，以查看当前运行的浏览器是否支持该样式。

但是我还没有达到需要从 javascript 实际分配这些属性的地步，因为各种原因归结为它太麻烦而无法有条件地链接 CSS 文件。

例如，我可以构建一个数组和一个例程，将每个 vendor 特定样式分配给我的目标元素的样式:

['mozTransitionDuration', 'webkitTransitionDuration', 'oTransitionDuration', 'msTransitionDuration', 'transitionDuration'].map(function(s){ element.style.s = "style_setting"; });

好吧，这可能会产生一堆错误，因为我会尝试将“style_setting”分配给 4 或 5 个未定义的值。

有没有人知道有什么方法可以减轻这种痛苦？

Answer 1

可能最好使用了解这些内容的现有库:

Prefix Free将允许您从 CSS 分配样式而无需 vendor 前缀。还有一个jQuery Plugin因为它将允许您从 JavaScript 执行相同的操作。