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

Question

我正在尝试使用通过 javascript 更改 css 属性的常用方法。问题是基于 webkit 的属性以破折号开头，使 javascript 无效。

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

如何修改此代码才能生效。

Answer 1

引用to this question :

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