如果div被声明为'''，如何获取元素class名称<div id 'one' class="“element" one”></div> '''？

Question

I have 3 elements one, two, three, declared precisely as follows:

<div id =container>
  <div id 'one' class="element one"></div> 
  <div id 'two' class="element two"></div>
  <div id 'three' class="element three"></div>
</div>

Using the next statements initially:

const container = document.querySelector('#container');
const elements = document.querySelectorAll(".element");

I want to use console.log to print the elements class for each one of them. So far all I managed to do is this

elements.forEach((elem, i) => {
  console.log(elem.id);
});

How can I get the name of the class of each element as 'one', 'two', 'three'?

 const container = document.querySelector('#container'); const elements = document.querySelectorAll(".element"); elements.forEach((elem, i) => { console.log(elem.id); });

 <div id=container> <div id 'one' class="element one"></div> <div id 'two' class="element two"></div> <div id 'three' class="element three"></div> </div>

Answer 1

Use elem.className to get classes.

const container = document.querySelector('#container');
const elements = document.querySelectorAll(".element");

elements.forEach((elem, i) => {
  console.log(elem.className);
});