javascript - 当我用 JavaScript 更改类时，为什么 CSS 没有动画？

Question

我使用的是 Daniel Eden 的 Animate.css，它是从 here 下载的.我可以通过在我想要动画的元素上使用 animated (typeOfAnimation) 类来在我的网站上制作动画。

这是我的 HTML:

<button onmouseover = "makeEnglishPulse()" id = "english" class = "animated bounceInRight">// English</button>

这是我的 JavaScript:

function makeEnglishPulse() {
    document.getElementById("english").class = "animated pulse";
}

当我加载我的网站时，我的按钮确实弹跳了，但是为什么当我用鼠标移动时它没有跳动，即使我正在改变类？

对于任何解决方案，我只想保留 JavaScript 或 HTML!

谢谢!

Answer 1

要设置的属性是.className，不是.class。

function makeEnglishPulse() {
    document.getElementById("english").className = "animated pulse";
}