Aframe: How to set an entity class with js?

Question

i'm adding aframe entities programmatically.

I didn't find how to set their class so that they get raycaster events.

i tried this without succes:

this.el.setAttribute('class', 'link');

or:

this.el.className = "link";

Answer 1

From the docs (I'm linking MDN, for this is not aframe exclusive):

Add a class using

this.el.classList.add("myClass");

Remove it using

this.el.classList.remove("myClass");

---

You can check out this fiddle where i add/remove classes to set which objects are clickable. Here with a mouse-cursor instead of the classic one.