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