Применить префикс поставщика к стилю Javascript

Question

Я применяю стили преобразования, используя javascript. Я хотел создать более простой способ циклического использования префиксов поставщиков при применении стиля. Так что я создал массив с префиксами в, то цикл так:

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] ] 

Вместо того, чтобы использовать обычную точечную нотацию, здесь я доступ к свойству, используя массив как синтаксис.

Эти два метода, как правило, взаимозаменяемы, но иногда, когда требуемое имя свойства является динамическим, имеет смысл использовать синтаксис массива, потому что вы можете просто добавить динамическую строку в качестве ключа.