problems with appendChild and setAttribute properties.

[chris10121]

 
for(var i = 0; i < 12; i++)
{
 
    dv = document.createElement('div');
    dv.setAttribute("id",i.toString());      
    dv.className="time";                
    if(i == 0)
    {
        document.getElementById('days').appendChild(dv);
    }
    else
    {
        document.getElementById(i.toString()).appendChild(dv);
    }
}
 
 

Gives the following error:
Error: document.getElementById(i.toString()) has no properties

Why doesn't the tag have any properties? By setting the id with "dv.setAttribute("id",i.toString());" it should be setting the id to the number in the loop. Should I be using something else other than append child? I'm just trying to create the div tag after the one before it...

[chris10121]

I want it it to look like this:
[HTML]
<div id="days">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>
<div id="6"></div>
...etc
<div id="12"></div>
</div>
[/HTML]

[mrhoo]

I see two separate problems.

You are trying to append your divs to themselves, after 0.

Plus,an id cannot begin with a digit.