Javascript 鼠标悬停事件上的动画不'；行不通

我试图使我的gif图像反弹，它的id为“均为gif”。我做错了什么

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")
}

这里的

addClass

是一个jQuery函数。它在JavaScript中不起作用

无法将jQuery函数与

document.getElementById链接
你需要把它改成

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

还有这条线

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

到

如果没有HTML和CSS，我们无法判断。请单击
并创建一个-但是第一个错误是在DOM元素mplungjan上使用jQuery，谢谢您的指点。不，我错了。它需要一个逗号分隔的列表，只支持较新的浏览器，并且在add上支持多个参数。他们需要逗号分隔-我看到你的更新。
document.getElementById("both-gif").removeClass("animated bounce")

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