Gsap doesn't work with CLASS or ID made in js?

[Growly]

gsap works when the class or id is created in html, but not in javascript. Is there any method to make the class or id work with gsap?

[Thallius]

I would try to add the element to the DOM before you use gsap on it.

[Growly]

Not workin

[PaulOB]

You should throw up a codepen when its not ‘workin’ (sic) so we can easily debug for you.

I assume you have moved the append as instructed by @Thallius so that it is before you call it with the gsap routine?

I also assume you have defined body so your code should look roughly like this.

const TheSecondParent = document.createElement("div");
const body = document.querySelector('body');
TheSecondParent.classList.add("SecondParent");
body.append(TheSecondParent);
gsap.from(".SecondParent", {duration: 1, y: "-100%", ease: "bounce" });

Caveat, I know nothing about gsap and very little JS

[Growly]

I got it, I didn’t know you had to put body.append above gsap.

[RyanReese]

Without it, you would be calling GSAP that isn’t a part of the DOM. GSAP can’t find something that doesn’t exist.