如何使用 JavaScript 更新 Animate.css 类答案

【问题标题】：How to update Animate.css classes with JavaScript如何使用 JavaScript 更新 Animate.css 类
【发布时间】：2018-08-17 04:18:12
【问题描述】：

我正在创建一个网站，并且我想对事件进行动画更改（例如单击按钮）。我试过使用下面的代码，但它不起作用。我应该如何解决这个问题？我有什么问题吗，比如我的setAttribute() 值错了吗？

function change() {
  document.getElementById("demo").setAttribute("class", "animated fadeOutDown");
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet"/>
<p id="demo" class="animated fadeInRight delay-2s">Test</p>

<button onclick="change()">Change</button>

感谢所有帮助。

【问题讨论】：

标签： javascript html css animate.css

【解决方案1】：

点击按钮时动画效果很好。您尝试在哪个浏览器上运行它？某些浏览器在通过 setAttribute 方法设置类时存在问题，推荐的方法是使用 className 变量设置类，如下所示

document.getElementById("demo").className = "animated fadeOutDown";

【讨论】：