mouseoverイベントのアニメーションが機能しません

Question

document.getElementById("both-gif").onmouseover=function() {MouseOver()}; 

document.getElementById("both-gif").onmouseout=function() {MouseOut()}; 



function MouseOver() { 
    document.getElementById("both-gif").addClass("animated bounce") 
} 

function MouseOut() { 
    document.getElementById("both-gif").removeClass("animated bounce") 
} 

私のgifイメージをバウンスさせようとしていますが、idは "both-gif"です。私は間違って何をしていますか？

Answer 1

document.getElementById("both-gif").addClass("animated bounce") 

ここでaddClassはjQuery関数です。 JavaScriptでは動作しません。

あなたが

document.getElementById("both-gif").removeClass("animated bounce") 

document.getElementById("both-gif").classList.remove("animated","bounce")