javascript - 有没有办法从 "getElementsByClassName(' 数据中提取 ID')”？

<分区>

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

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

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

最佳答案

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

关于javascript - 有没有办法从 "getElementsByClassName(' 数据中提取 ID')”？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51833329/

相关文章：

javascript - 在非 React 文件中访问 React 组件的状态