Element.animate（），其中变量为动画属性

Question

我想将Element.animate（）与我想要设置为变量的属性一起使用。但似乎它不起作用。

var pr="marginLeft"
document.getElementById("someId").animate([
  { pr:'0px' },
  { pr:'50px' },
],{
  duration:1000,
  fill:'forwards'
});

如果我真的需要使用变量而不是属性，我该怎么办？

Answer 1

您可以使用ES2015计算属性名称。

let pr='marginLeft';

document.getElementById('someId').animate(
  [
    { [pr]: '0px' },
    { [pr]: '50px' },
  ],
  { duration:1000, fill:'forwards' }
);