js查找高亮显示栏目

    xiaoxiao2025-01-18  11

    以下是运行成功的代码,注意事项:

    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>
    转载请注明原文地址: https://ju.6miu.com/read-1295617.html
    最新回复(0)