这篇博客介绍了如何使用简洁的原生JavaScript代码实现导航栏链接高亮的效果。主要内容包括理解`document.location.href`用于获取当前URL，通过`parentNode`获取`<a>`标签的父级`<li>`元素，并根据当前URL判断是否添加高亮样式。博主欢迎读者指正错误和不足。
网上有很多，但目前本人看到的感觉都太多代码，还是喜欢代码少的。DOM编程那本书里也有例子，在此仅作个人记录。
结构代码：
原生Js代码：
效果：
敲重点：
document.location.href 是获取当前浏览器窗口的url地址
parentNode 是获取父级元素，当前例子，a标签的父级元素为<li>
思路：
只需要判断a标签的href地址是否为当前浏览器窗口的Url地址
是：给<li>加高亮样式
如果有疑问或错误之处及不足之处 欢迎指出
邮件：yanggseo@foxmail.com
扫一扫
1348
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
