本文实例讲述了Javascript显示和隐藏ul列表的方法。分享给大家供大家参考。具体如下:
<ul id="rightNav"> <li> <h2 class="rightNavItem"><a href="#">Show & Hide</a></h2> <ul> <li><a href="">Links etc here</a></li> </ul> </li> </ul> <script> function enableRightNavExpand() { if (!document.getElementById) return false; if (!document.getElementById("rightNav")) return false; var nav = document.getElementById("rightNav"); var navItem = nav.getElementsByTagName("li"); for (var i = 0; i < navItem.length; i++){ navItem[i].onclick=function() { if (this.className == "selected") { this.className = ""; } else if (this.className == ""){ this.className = "selected"; } } } } </script>
希望本文所述对大家的javascript程序设计有所帮助。
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, 显示
, 隐藏
ul列表
javascript ul、javascript ul li、javascript ul 横向、好看的ul li列表样式、ul列表的横向排版,以便于您获取更多的相关知识。
时间: 2024-09-05 09:00:54