如果ithe div声明为'''''，如何获得元素类名？

Question

我有三个要素一，二，三，精确地声明如下:

<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>

最初使用以下语句:

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

我想使用console.log来打印它们中每一个的elements类。到目前为止我所能做的就是

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

如何获得每个元素的类名为“one”，“two”，“three”？

null

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>

null

Answer 1

使用Elem.ClassName获取类。

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

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