以下是运行成功的代码,注意事项:
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>