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 语法）

由 a 分隔的多个单词属性的命名约定-是 first-second --> firstSecondeg

style.animationPlayState

对于供应商前缀 -prefix-other -->PrefixOther 例如

style.MozAnimationPlayState