a标签点击后，给a标签添加样式

weixin_30481087

于 2019-01-23 12:19:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：http://www.cnblogs.com/z360519549/p/10308201.html

本文介绍了一种使用JavaScript实现当前页面导航链接高亮显示的方法。通过获取id为'cate'的元素下的所有a标签，对比每个a标签的href属性与当前页面URL，若相同则改变该a标签的背景颜色和字体粗细，从而达到高亮效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	window.onload=function(){
		var a = document.getElementById("cate").getElementsByTagName("a");
		for(i=0,len=a.length;i<len;i++){
			 if (a[i].href == window.location.href ) {
			 	a[i].style.backgroundColor='#C1FFC1';
			 	a[i].style.fontWeight='bold';
			 }
		 }
	}

转载于:https://www.cnblogs.com/z360519549/p/10308201.html