javascript - 动画播放状态行不起作用并禁用其他功能？

Question

警告:我是菜鸟。我的 J/S 中有这两个函数:

function please()
{
    document.getElementById("test3").innerHTML = "mercy";
}

function displayAnimation()
{

    document.getElementById('myfirst').style.animation-play-state = 'running';
    document.getElementById('myfirst').style.-moz-animation-play-state = 'running';
    document.getElementById('myfirst').style.-webkit-animation-play-state = 'running';

}

据我所知，它们不会进行任何交互。但是当我在 displayAnimation() 中有 3 行时，please() 不起作用，即使我的其他 J/S 函数可以工作。

除此之外，当我激活 displayAnimation() 时，动画不会从“暂停”变为“运行”。

Answer 1

如果仔细查看样式属性，您会发现它们的语法无效(JavaScript 语法)

用-分隔的多个单词属性的命名约定是第一秒--> firstSecond eg

style.animationPlayState

vendor 前缀 -prefix-other --> PrefixOther例如

style.MozAnimationPlayState