Форум

Konstantine · #1 (**permalink**) 30.05.2017, 23:13

Подключена animate.css

по клику добавляю в div

document.getElementById('node170').classList.add('bounceIn');
document.getElementById('node170').classList.add('wow');

при этом анимация не срабатывает.

Если в браузере (F12) нажимаю "править как html" и вставляю тоже самое в class
wow bounceIn

применяю изменения, то анимация запускается.

объясните логику обработки описанных событий бразуером?
почему "править html" отличается от classList.add ?

рони · #2 (**permalink**) 30.05.2017, 23:44

Konstantine,
может элемента ещё нет на странице?

j0hnik · #3 (**permalink**) 30.05.2017, 23:49

<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>

j0hnik · #4 (**permalink**) 30.05.2017, 23:49

class="animated" добавляли???

Форум

Справочник

Discord чат

Курсы javascript