не срабатывает анимация
Подключена animate.css
по клику добавляю в div
document.getElementById('node170').classList.add('bounceIn');
document.getElementById('node170').classList.add('wow');
при этом анимация не срабатывает. Если в браузере (F12) нажимаю "править как html" и вставляю тоже самое в class wow bounceIn применяю изменения, то анимация запускается. объясните логику обработки описанных событий бразуером? почему "править html" отличается от classList.add ? |
Konstantine,
может элемента ещё нет на странице? |
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/>
</head>
<body>
<div id="id" class="animated" style="display: block; width: 200px; height: 200px; border: 1px solid grey;"></div>
<script>
document.getElementById("id").onclick = function(){
this.classList.add('bounce');
};
</script>
</body>
|
class="animated" добавляли???
|
| Часовой пояс GMT +3, время: 18:41. |