[thelist] JavaScript - searching for link and comparing

Pringle, Ron RPringle at aurora-il.org
Tue Dec 21 16:20:22 CST 2004

Hi all-

I'm a neophyte when it comes to Javascript. I'm trying to write some code
that will search through my nav for a link matching the current page, and
then write a css class to the containing <li> to style it as the current
page the user is on.

I've googled around looking at examples of getElementByID, but don't see
examples that match what I'm trying to do.

What I have so far:


var fullLink=document.location.href;
var firstSplit=fullLink.split(".org/");
var relativeLink=(".."+firstSplit[1]);

The nav menu is structured like this:

<ul id="nav">
<li><a href="../aldermen/index.htm">Aldermans Office</a></li>
<li><a href="../aldermen/index.htm">Home Page</a></li>
<li><a href="../aldermen/block_parties.htm">Block Parties</a></li>

So I want to search through the element with ID "nav" for an href that
matches the var "relativeLink" and if a match is found, then I want to
change the class of the enclosing <li> tag to class="current".

Suggestions or links to relevant URLs would be appreciated.


More information about the thelist mailing list