Javascript顯示和隱藏ul列表的方法

更新時間：2015年07月15日 11:33:50 作者：不吃皮蛋

這篇文章主要介紹了Javascript顯示和隱藏ul列表的方法,涉及javascript針對頁面元素遍歷及顯示與隱藏的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了Javascript顯示和隱藏ul列表的方法。分享給大家供大家參考。具體如下：

<ul id="rightNav">
 <li>
 <h2 class="rightNavItem"><a href="#">Show &amp; 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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

echarts柱狀圖坐標軸內(nèi)容顯示不全的兩種解決辦法
本文主要介紹了echarts柱狀圖坐標軸內(nèi)容顯示不全的兩種解決辦法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
js實現(xiàn)下拉菜單效果
本文主要介紹了js實現(xiàn)下拉菜單效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧
2017-03-03
javascript實現(xiàn)簡單小鋼琴有聲彈奏效果
用HTML5+javascript實現(xiàn)的小鋼琴,按下鋼琴鍵上的相應(yīng)字母用或用鼠標點擊鋼琴鍵發(fā)聲,javascript代碼包含了對鼠標按下、移動和松開,以及鍵盤按下的事件監(jiān)聽
2024-02-02
javascript實現(xiàn)保留兩位小數(shù)的多種方法
這篇文章主要介紹了javascript實現(xiàn)保留兩位小數(shù)的多種方法，如果數(shù)字的原本小數(shù)位數(shù)不到兩位，那么缺少的就自動補零，感興趣的小伙伴們可以參考一下
2015-12-12
JS?Date時間格式化的方法
這篇文章主要介紹了JS?Date時間格式化的方法,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2024-01-01
JS從數(shù)組中隨機取出幾個數(shù)組元素的方法
JS如何從一個數(shù)組中隨機取出一個元素或者幾個元素呢？其實方法很簡單，下面小編給大家分享了JS隨機取出幾個數(shù)組元素的方法，非常不錯，需要的朋友參考下
2016-08-08
JavaScript實現(xiàn)簡單打地鼠游戲
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單打地鼠游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
JavaScript實現(xiàn)鼠標拖拽效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)鼠標拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
JavaScript反彈動畫效果的實現(xiàn)代碼
本文通過實例代碼給大家介紹了js反彈動畫效果的實現(xiàn)代碼，需要的朋友參考下吧
2017-07-07
js使用正則實現(xiàn)ReplaceAll全部替換的方法
JS?沒有提供replaceAll這樣的方法。使用正則表可以達成Replace?的效果，感興趣的朋友看看下面的示例
2014-08-08