Estoy tratando de agregar los atributos para iniciar animaciones AOS a través de javascript , pero no funciona correctamente. Ahora, agregando los atributos por js, cuando se lanza la animación, en lugar de mostrar el elemento, lo oculta. Creo que puede deberse a que el elemento se procesa primero y js actúa después de agregar los atributos AOS, por lo que la animación lo hace a la inversa para mí. este es mi código para agregar AOS attr:

 var hero = document.getElementById('main-hero'); hero.setAttribute('data-aos', 'fade-up');

¿Hay alguna forma de agregar AOS por js y que funcione? agregarlo en HTML actualmente no está disponible para accesibilidad.