将供应商前缀应用于 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] ]

这里我使用类似数组的语法来访问属性，而不是使用普通的点表示法。

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