使用Javascript更改以破折号开头的css属性

我尝试使用ussual方法，用javascript更改css属性。问题是基于webkit的属性以破折号开始，这使得javascript无效

document.getElementById('circle1').style.-webkit-animation = 'upDown 15s infinite';

如何修改此代码以使其有效。

您可以使用：

document.getElementById('circle1').style['-webkit-animation'] = 'upDown 15s infinite';

参考：

document.getElementById('circle1').setAttribute("style", "-webkit-animation: upDown 15s infinite");

test.style.webkitAnimationName = 'colorchange'; // you had a trailing space here which does NOT get trimmed
test.style.webkitAnimationDuration = '4s';