Question

使用animate.css时出现问题。单击按钮类时如何添加以及动画删除后？

HTML：

<div></div>
<button>Click</button>

的JavaScript

var button = document.getElementsByTagName('button')[0];
var div = document.getElementsByTagName('div')[0];

button.addEventListener('click', function() {
  div.classList.add('animated', 'bounceInDown');
});

链接到sandbox。

Answer 1

您可以使用classList.toggle方法：

document.querySelector('.element').classList.toggle('class');

此行在元素中添加/删除类。

一个（脏）解决方案的详细信息：

var button = document.getElementsByTagName('button')[0];
var div = document.getElementsByTagName('div')[0];

button.addEventListener('click', function() {
  div.classList.add('animated', 'bounceInDown');
  setTimeout(deleteClass, 1000);

});

function deleteClass(){
    console.log("Test");
    div.classList.add('animated', 'bounceInDown');
    div.classList.remove('animated', 'bounceInDown');
}

单击时如何添加和删除类

1 个答案: