[adras]

I have this in the CSS:

#menu li { some styles here }

HTML:

<div id="menu">
                 <ul>
                      <li>item1</li>
                      <li>item2</li>
                      ...
                   </ul>
</div>

My question is how do I access the <li> inside the menu ID div with Javascript, I need to change the background-color for it?

[weldo]

why not just specify another menu id or ul class ??

[Bill Posters]

Fwiw…

document.getElementById('menu').getElementsByTagName('li')[x]

…where x is the index number for the particular li item you wish to address.


Note: indexes start at 0, so…

The first will be:

document.getElementById('menu').getElementsByTagName('li')[0]

The second will be:

document.getElementById('menu').getElementsByTagName('li')[1]

etc…



However, in case this is what you're trying to do…

Highlighting current page with CSS / journal / hicksdesign

[adras]

Thank you sir, this works like a charm!