有没有办法我可以从“ getElementsByClassName（'data'）”中提取ID？

Question

我想从具有特定类的所有元素中获取ID列表。
在一切都直观的完美世界中，它看起来像这样：

var list = document.getElementsByClassName("data").id  

这将返回未定义且格式为NodeList。
我可以手动使用控制台在节点列表中搜索ID。
我绝不是专家，因此不胜感激。

Answer 1

NodeList 是元素的集合，您可以将它们视为简单的元素数组。

这样，您可以按索引访问它们：

console.log(document.getElementsByClassName("data")[0].id);

<div id="one" class="data">One</div>
<div id="two" class="data">Two</div>
<div id="three" class="data">Three</div>

或在它们上循环：

const list = document.getElementsByClassName("data");
for (let i = 0; i < list.length; i++) {
  console.log(list[i].id);
}

<div id="one" class="data">One</div>
<div id="two" class="data">Two</div>
<div id="three" class="data">Three</div>