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

Javascript - Add unique element id to multiple element with the same className

本文关键字:元素 同类 添加 唯一 id Javascript      更新时间:2023-09-26

我有几个带有className"error"的元素,我需要为每个元素动态添加一个唯一的id。 从堆栈上的其他问题中,我将以下代码放在一起,但它似乎不起作用。

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

你有一个未定义的变量i .只需定义它,但除此之外,你很好。

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

你缺少一个 }

喜欢这个:

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