JS实现当前栏目高亮

  • 2,987
摘要

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>

 

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2017年6月23日22:37:50
  • 转载请务必保留本文链接:https://www.150643.com/450.html
匿名

发表评论

匿名网友 填写信息

评论:1   其中:访客  1   博主  0
    • 天涯网 天涯网 1

      网站文章写的不错,赞一个!