如何爲我的JavaScript代碼中的每個div分配唯一的ID？

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

使用基於該

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

---

另一種方式計數器變量，並設置標識同時使用了循環變量

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