Is it possible to put the array contents into a HTML class with Javascript

Question

I'm learning Javascript and I'm trying to put the contents of the array into a html class.
I made an array like this: const terms = ["term1","term2"];

<figure id="8-12" class=" *Here the contents of the array* ">
   <a href="workshopPages/reeks/index.php">
   <img src="media/fotos/gallery/reeks.png" />
   <figcaption>CKV reeks</figcaption>
</figure>

Is there a way to put the contents of the array into the class?

Any help would be appreciated, thank you!

Alex197 · Accepted Answer · 2022-01-25 14:00:22Z

4

you can use:

const terms = ["term1", "term2"];
let element = document.getElementById('8-12');
element.classList.add(...terms);

You can refer to this doc: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

answered Jan 25, 2022 at 14:00

Alex197

9212 gold badges11 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sarout · Accepted Answer · 2022-01-25 13:59:55Z

1

yes, by using .classList

const terms = ["term1","term2"];
var cl = document.querySelector('figure').classList;
cl.add.apply(cl, terms);

Also you can use .classList.add(... terms) as @alex197 answered, like:

const terms = ["term1","term2"];
document.querySelector('figure').classList.add(... terms);

answered Jan 25, 2022 at 13:59

Sarout

9001 gold badge8 silver badges26 bronze badges

Collectives™ on Stack Overflow

Is it possible to put the array contents into a HTML class with Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related