JS实现当前栏目高亮

Excerpt

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

JS实现当前栏目高亮
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
<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
我的微信
把最实用的经验，分享给最需要的读者，希望每一位来访的朋友都能有所收获！
avatar

Comment

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

Replies to：1   Visitors  1   Admin  0

    • avatar 天涯网
      Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; ip2country has a deprecated constructor in /www/wwwroot/150643.com/wp-content/themes/begin/show-useragent/ip2c/ip2c.php on line 3
      来自天朝的朋友 谷歌浏览器 Windows 7 河北省沧州市 联通       1
      Reply 2017年6月24日 下午4:46  1F

      网站文章写的不错，赞一个！