js改动导航条class属性

js更改导航条class属性
在头里写了段这个:

<script type="text/javascript">
// 导航菜单判断
var url = window.location.href;
var Temp = url.split("/");
var t = 0;
var File = "index,news,gallery,archives,books,about";//对应文件
var Test = File.split(",");
var Nav = document.getElementById("nav").getElementsByTagName("li");
for(var i=0;i<Nav.length;i++){
if(Test[i]==Temp[3]){
t = i;
}
Nav[i].className = "";
}
Nav[t].className = "first";
</script>

然后在body里的导航条是这样的:

<div  id="nav">
<ul>
<li id="" class="first"><a href="/index.php">首页</a></li>
<li><a href="/news.php">2</a></li>
<li id=""><a href="/gallery.php">3</a></li>
<li><a href="/archives.php">4</a></li>
<li><a href="/books.php">5</a></li>
<li><a href="/about.php">6</a></li>
</ul>
</div>

其中class="first"对应CSS,显示表示当前页有个小标志,我的想法是这样的,但是写了这段代码没有实现,麻烦高手看看给指点下,谢谢
分不多,先谢谢大家了
[解决办法]
上面的http;   写错了<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
[解决办法]
是不是多了这个http://，所以拆分的时候数组索引不对，你可以调试的时候或者弹出Temp[3]，看看信息变量对不对

查看更多 下一篇