Javascript-向具有相同类名的多个元素添加唯一元素id

我有几个元素的类名为“error”，我需要动态地为每个元素添加一个唯一的id。从堆栈上的其他问题中，我整理了以下代码，但它似乎不起作用

function setErrorId() {
var errorClass = document.getElementsByClassName('error');
for (i = 0; i < errorClass.length; i++) {
    var idName = 'error' + i;
    errorClass[i].id = idName;
}

函数setErrorId（）{
var errorClass=document.getElementsByClassName（'error'）；
对于（i=0；i

您缺少一个}

像这样：

function setErrorId() {
    var errorClass = document.getElementsByClassName('error');
    for (i = 0; i < errorClass.length; i++) {
    var idName = 'error' + i;
    errorClass[i].id = idName;
    }
}

函数setErrorId（）{
var errorClass=document.getElementsByClassName（'error'）；
对于（i=0；i

您有一个未定义的变量

i

。只需定义它，但除此之外，你的罚款

function setErrorId () {
 var errorClass = document.getElementsByClassName('error')
   , i = 0
   , l = errorClass.length;

  while (i < l) {
    errorClass[i].id = 'error' + i++;
  }
}

函数setErrorId（）{
var errorClass=document.getElementsByCassName（'error'）
，i=0
，l=errorClass.length；
而（i

您是否收到错误？（还有…为什么？）。此外，“for（i；”通常应为“for（var i；”