分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

左侧多级菜单,高亮显示js

发布时间:2023-09-06 01:30责任编辑:林大明关键词:js

左侧多级菜单,如果本页面是当前栏目,则左侧菜单高亮显示

<ul class="nav navbar-stacked" id="navs">
??????????????{dede:channelartlist typeid=‘46,46‘}


??????????????<li ?_id="#couse_1" class=""><a id="bb33" href="[field:typelink/]">[field:typename/]</a></li>

??????????????{/dede:channelartlist}
????????????</ul>

<script type="text/javascript">
????????????var myNav = document.getElementById("navs").getElementsByTagName("a");//获取nav ul下的a连接
??????????????for(var i=0;i<myNav.length;i++){
???????????????var links = myNav[i].getAttribute("href");//获取a里面的连接地址
???????????????//console.log(myNav[i]);
???????????????//<a id="bb" href="[field:typelink/]">[field:typename/]</a>
??????????????//console.log(classna);
???????????????var myURL = document.location.href;//url 连接地址
???????????????//http://st.com/a/ENGLISH/Responsibilities/gaest
???????????????if(myURL.indexOf(links) != -1){//duibi
???????????????var elem = myNav[i];
???????????????var paid = elem.parentElement;//获取父级元素
????????????????paid .className="active";//修改腹肌元素的class名
???????????????//console.log(paid);//<li></li>
???????????????//console.log(myNav[i]);//<a id="bb" href="[field:typelink/]">[field:typename/]</a>
??????????????// ?myNav[i].className="active_2"; ??
???????????????}
???????????????}
???????????</script>

左侧多级菜单,高亮显示js

原文地址:http://www.cnblogs.com/yszr/p/8027068.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved