将供应商前缀应用于Javascript样式

Question

我正在使用javascript应用转换样式。我想在应用样式时创建一种更简单的循环供应商前缀的方法。所以我创建了一个带有前缀的数组，然后是一个for循环，如下所示：

var transformVendor = [
  'transform',
  'OTransform',
  'msTransform',
  'MozTransform',
  'WebkitTransform'
];

for (var i=0; i<transformVendor.length; i++) {
  Element.style.transformVendor[i] = 'translate(10px,10px)';
}

但这不起作用。我是否错误地应用了for循环？

Answer 1

尝试将语法更改为以下内容：

Element.style[ transformVendor[i] ]

我没有使用普通的点符号，而是使用类似语法的数组访问该属性。

这两种方法通常是可以互换的，但有时当您需要的属性名称是动态的时，使用数组语法是有意义的，因为您只需将动态字符串作为键放入。