导航栏菜单点击后高亮显示

需求:如果所有页面引用同一个头部导航菜单,点击栏目后,页面跳转的对应页面,这时导航菜单中该栏目高亮显示。
导航栏菜单html结构:
HTML:

实现:判断a标签中href属性与当前窗口URL是否匹配,匹配则给其添加样式。
js代码
//获取div下面所有的a标签(返回节点对象)
var myNav = document.getElementById("tabs_nav").getElementsByTagName("a");
//获取当前窗口的url
var myURL = document.location.href;
//循环div下

导航栏菜单点击后高亮显示最先出现在Python成神之路

版权声明:
作者:siwei
链接:https://www.techfm.club/p/7084.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>