Question

GetElementById works if I manually added a div id=”something” inside the body and use window.onload = init method in the script to get it. Works great.

But if I used a for loop to generate divs where id’s is 1,2,3 and so on. I can’t get it. Is there a way to get to those generated divs?

This is what generates the html code (just to be clear what I mean):

for(i=0; i<randomizeColoursList.length; i++)
{
    document.getElementById("renderColors").innerHTML += 
        '<div class=\"box\"><div class=\"' + i + '\"><font color=\"' 
        + randomizeColoursList[i] + '\">' 
        + "" + '<img src=\"dist/card_bg.gif\"></div></div>';                    
}   

Generates one of these:

<div class="8"><font color="#3be6c4"><img src="dist/card_bg.gif"></font></div>

Div with class 8 is the id I want to get for example. But is says it’s null.

Thanks.

Answer 1

The id is null because you haven’t specified it in your markup creation. Looks like you’re assigning the id value to class instead.