У меня есть 3 слайда в образе карусели, и я хочу добавить класс animated и bounceInDown к тэгам img с идентификаторами: дынно-фруктовый, фруктово-фруктовый и бананово-фруктовый, когда я регистрирую элемент в консоли, кажется, работает нормально, но на вкладке элементов в инструментах разработчика атрибуты не отображаются в тегах img.
var owl = $('.carrousel .owl-carousel');
owl.owlCarousel();
// Listen to owl events:
owl.on('changed.owl.carousel', function (event) {
var page = event.page.index;
if(page == 0){
console.log(page);
const element = document.getElementById("melon-fruta");
element.classList.add('animated', 'bounceInDown','delay-1s');
console.log(element);
}else if(page == 1){
const element = document.getElementById("frutilla-fruta");
element.classList.add('animated', 'bounceInDown','delay-1s');
console.log(element);
}else if(page == 2){
const element = document.getElementById("banana-fruta");
element.classList.add('animated', 'bounceInDown','delay-1s');
console.log(element);
}
});