记录日常,网页点击导航栏后在菜单上高亮或加标记

<script>
	//获取div下面所有的li标签(返回节点对象)
	var liList = document.getElementById("topul").getElementsByTagName("li");
	//获取当前窗口的url
	var myURL = document.location.href;
	//循环div下面所有的链接,
	for (var i = 1; i < liList.length; i++) {
		//获取div下面所有的a标签(返回节点对象)
		var myNav = aList[i].getElementsByTagName("a");
		for (var f = 1; f < aList.length; f++) {
			//获取每一个a标签的herf属性
			var links = aList[f].getAttribute("href");
			var myURL = document.location.href;
			//查看div下的链接是否包含当前窗口,如果存在,则给其添加样式
			if (myURL.indexOf(links) != -1) {
				liList[i].className = "on";
				liList[0].className = "";
				break;
			}
		}
	}
</script>

菜单有下拉菜单情况下,li里有多个a标签处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值