在读页高亮显示

Question

我想实现在读页高亮显示，用的是.d这种class样式。但是没有任何结果，请大家帮我看看，问题出在哪里呢？或者大家有没有可以运行的代码发给我，就是实现当前页不同于别的页的菜单。谢谢。
html代码部分
<div id="nav"> 
<ul> 
<li><a href="1.html" title="1"><span>first</span></a></li> 
<li><a href="2.html" title="2"><span>second</span></a></li> 
<li><a href="3.html" title="3"><span>third</span></a></li>  
</ul> 
</div> 
js部分
var myURL = document.location.href;
var myNav = document.getElementById("nav").getElementsByTagName("a"); 
for(var i=0;i<myNav.length;i++) 
{ 
var links = myNav[i].getAttribute("href"); 
if(myURL.indexOf(links) != -1) 
{ 
myNav[i].className="d"; 
} 
} 

Answer 1

var myURL = document.location.href; 
var myNav = document.getElementById("nav").getElementsByTagName("a"); 
for(var i=0;i <myNav.length;i++) 
{
var href = myNav[i].getAttribute("href").split("/");
var links = href[href.length-1];
if(myURL.indexOf(links) != -1) 
{ 
myNav[i].className="d"; 
} 
}

Answer 2

...</div><script>  
var myURL = document.location.href; 
var myNav = document.getElementById("nav").getElementsByTagName("a"); 
for(var i=0;i <myNav.length;i++) 
{ 
var links = myNav[i].getAttribute("href"); 
if(myURL.indexOf(links) != -1) 
{ 
myNav[i].className="d"; } 
} </script>

Answer 3

<div id="nav"> 
<ul> 
<li> <a href="1.html" title="1"> <span>first </span> </a> </li> 
<li> <a href="2.html" title="2"> <span>second </span> </a> </li> 
<li> <a href="3.html" title="3"> <span>third </span> </a> </li>  
</ul> 
</div><script>  
var myNav = document.getElementById("nav").getElementsByTagName("a"); 
for(var i=0;i<myNav.length;i++) 
{ 
var links = myNav[i].getAttribute("href"); 
//alert(links) 
//alert(myNav[i]); 
var myURL = document.location.href; if(myURL.indexOf(links) != -1) 
{ 
myNav[i].className="d"; } 
} </script>
是这个,先发的还原了