JS实现当前栏目高亮

2,683

摘要

javascript实现当前栏目高亮！解决思路，地址栏跟导航栏地址链接之间做比较，相等就给对应的导航栏目添加class。

<script type="text/javascript">
var myNav = document.getElementById("nav").getElementsByTagName("a");
for(var i=0;i<myNav.length;i++)   
{   
   var links = myNav[i].getAttribute("href");   
   var myURL = document.location.href;    
   if(myURL.indexOf(links) != -1)   
   {   
      myNav[i].className="on1"; 
      //添加class元素  
    }   
} 
</script>