Question

我有几个带有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;
}

Answer 1

你有一个未定义的变量i。只是定义它，但除了你的罚款。

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

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

Answer 2

你错过了一个}

像这样：

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

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

2 个答案: