Changing a css attribute starting with a dash using Javascript -

Changing a css attribute starting with a dash using Javascript -

i'm trying utilize ussual method of changing css property javascript. problem webkit based attributes start dash making javascript invalid.

document.getelementbyid('circle1').style.-webkit-animation = 'updown 15s infinite';

how can modify code valid.

refer to question:

test.style.webkitanimationname = 'colorchange'; // had trailing space here not trimmed test.style.webkitanimationduration = '4s';

javascript css html5 css3 animation