JavaScript:为包含特定类的元素分配唯一ID

Question

所以我有这个 HTML 代码:

  <p style="margin-bottom: 5px"><span id="" class="stars-container stars-custom">★★★★★</span></p>

基本上我想为该元素的每个实例分配一个唯一的ID，因此第一个元素id =“1”，第二个元素id =“2”等。

我正在考虑使用getElementsByClassName来识别它们并获取类名，但是如何分配和唯一的ID？我对 JS 还很陌生，所以我不明白循环会是什么样子。

Answer 1

这样就可以了。您基本上选择具有您指定的类的所有 p 元素，循环遍历它们并将每个元素的 id 设置为循环变量的索引。

我无法使用 foreach 循环，因为它在 HTMLCollections 上不可用

const paragraphs = document.getElementsByClassName('stars-container stars-custom');

for (let i = 0; i < paragraphs.length; i++) paragraphs[i].setAttribute('id', i + 1);