您的位置：首页 > Web前端 > JavaScript

js查找高亮显示栏目

2016-08-13 18:24 169 查看

以下是运行成功的代码，注意事项：

1、js代码要放到要获取的id的后面。

2、以test*.html，其中*为1，2，3，4

<html>

<head>

<style>

.d{ font-size:20px;}

</style>

</head>

<body>

<div id="nav">

<ul>

<li><a href="test.html"><span>资讯中心</span></a></li>

<li><a href="test2.html"><span>网络编程</span></a></li>

<li><a href="test3.html"><span>实用技巧</span></a></li>

<li><a href="test4.html"><span>软件编程</span></a></li>

<li><a href="test5.html"><span>网页制作</span></a></li>

<li><a href="test6.html"><span>操作系统</span></a></li>

</ul>

</div>

<script>

var myNav = document.getElementById("nav").getElementsByTagName("a");

for(var i=0;i<myNav.length;i++){

var links = myNav[i].getAttribute("href");

//alert(links);

//alert(myNav[i]);

var myURL = document.location.href;

if(myURL.indexOf(links) != -1){

myNav[i].className="d";

}

}

</script>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航