Question

以下代码：

function cdiv() {
  var div = document.createElement("div");
  document.body.appendChild(div);
}

for (i = 0; i < 10; i++) {
  for (b = 0; b < 10; b++) { 
    cdiv();
  }
}

目标是为正在创建的每个div分配唯一的ID。加班，我希望能够点击并更新div，我的想法是一个独特的ID，有助于在快速更新时识别它。

Answer 1

使用计数器变量并根据

设置ID

＆＃13;

var id = 0; // variable for generating unique id

function cdiv() {
  var div = document.createElement("div");
  div.innerHTML = 'div' + id;
  div.id = 'div' + id++; // generate unique id and then increment value
  document.body.appendChild(div);
}

for (var i = 0; i < 10; i++) {
  for (var b = 0; b < 10; b++) {
    cdiv();
  }
}

＆＃13;

另一种方法是同时使用两个循环变量

＆＃13;

function cdiv(str) {
  var div = document.createElement("div");
  div.innerHTML = 'div' + str;
  div.id = 'div' + str; // generate unique id 
  document.body.appendChild(div);
}

for (var i = 0; i < 10; i++) {
  for (var b = 0; b < 10; b++) {
    cdiv(i + '' + b);
  }
}

＆＃13;

如何在我的javascript代码中为每个div指定唯一ID？

1 个答案: