當我使用JavaScript更改類時，為什么CSS不會動畫？

Question

我正在使用從此處下載的Daniel Eden的Animate.css。 我可以使用我要制作動畫的項目上的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";
}