Changing ID of LI...

[drbigfresh]

I have a list item menu like below, and I am trying to find some JavaScript so that on each page I can dynamically change (I guess when the page loads) the id of the <li> from 'itemone' or 'itemtwo' to 'active' ...Can anyone point me in the right direction....

 

Thanks!

 

 

<div id="navcontainer">

<ul id="navlist">

<li id="itemone"><a href="#" id="current">Item one</a></li>

<li id="itemtwo"><a href="#">Item two</a></li>

<li id="itemthree"><a href="#">Item three</a></li>

</ul>

</div>

[nogray]

just use something like this

document.getElementById('itemone').id = "active";