arrays - Give all elements in Class an seperate Id Javascript

Question

so i have an array with 4 images and I use javascript to load them in. Therefore I have created an "img" element using document.createElement("img")

I also used a forloop to push all 4 images.

I know how to give them a class with .className = ""; but i dont know how to give them all a seperate id in Javascript

How do I do that?

Answer 1

Just add attribute id using, addImage.id="Image"+i; or setAttribute('id', "Image"+i) like the following:

for(var i=0;i<Images.length;i++){
   var addImage = document.createElement("img"); 
   addImage.className = "cssImages"; 
   addImage.setAttribute('src', Images[i]); 
   addImage.setAttribute('id', "Image"+i);
   IMGdiv.appendChild(addImage);
}