javascript - CSS动画Onclick

我试图使用常规JS（而不是JQuery）单击某些图像，但单击后它们会摇动，但不起作用。

HTML：

    <img id='s1_imgB' class="fragment"... onClick="wrongAnswer()"...

JS：

    function wrongAnswer(){
        document.getElementById("s1_imgB").style.className = "shake";

CSS：

    .shake:hover {....

我可以使用以下html来默认摇动元素。但是，我想在单击图像后启动CSS动画。

HTML：

    <img id='s1_imgB' class="fragment shake"....

页面加载时，鼠标悬停效果应处于非活动状态，然后在单击图像后，鼠标悬停应导致图像抖动。

我究竟做错了什么？谢谢

最佳答案

我认为应该

document.getElementById("s1_imgB").className += " shake";

关于javascript - CSS动画Onclick，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41300733/