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

Answer 2

您可以使用id属性和getElementsByClassName()

document.getElementsByClassName("stars-container")[0].id = '1';