Javascript顯示和隱藏ul列表的方法
更新時(shí)間：2015年07月15日 11:33:50 作者：不吃皮蛋
這篇文章主要介紹了Javascript顯示和隱藏ul列表的方法,涉及javascript針對頁面元素遍歷及顯示與隱藏的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了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程序設(shè)計(jì)有所幫助。
相關(guān)文章
js實(shí)現(xiàn)數(shù)字跳動(dòng)到指定數(shù)字
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)字跳動(dòng)到指定數(shù)字，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了小程序退出頁面時(shí)清除定時(shí)器，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
一文帶你了解一下JavaScript中什么是嚴(yán)格模式
嚴(yán)格模式是?ECMAScript?5?引入的一種運(yùn)行模式,可以讓?JavaScript?在更加嚴(yán)格的條件下運(yùn)行,本文主要為大家詳細(xì)介紹了JavaScript中嚴(yán)格模式的使用,需要的可以參考下2023-11-11
JavaScript判斷手機(jī)號運(yùn)營商是移動(dòng)、聯(lián)通、電信還是其他(代碼簡單)
本文由腳本之家小編給大家分享的基于js判斷手機(jī)號運(yùn)行商是移動(dòng)、聯(lián)通、電信還是其他的，然后根據(jù)不同的運(yùn)營商做出對應(yīng)的處理，感興趣的朋友一起學(xué)習(xí)吧2015-09-09
微信小程序使用scroll-view標(biāo)簽實(shí)現(xiàn)自動(dòng)滑動(dòng)到底部功能的實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了微信小程序使用scroll-view標(biāo)簽實(shí)現(xiàn)自動(dòng)滑動(dòng)到底部功能，代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-11-11
簡單實(shí)用的網(wǎng)頁表格特效...2006-07-07
這篇文章給大家羅列了在前段排序中會(huì)遇到的問題并寫了解決方案，非常詳細(xì)，有需要的朋友可以參考。2016-07-07
本文給大家分享一個(gè)自己寫的基于原生JS寫Ajax的請求函數(shù)功能,需要的朋友可以參考下2017-12-12
最近使用dwz來做項(xiàng)目，有時(shí)候在ajax的時(shí)候并不想使用dwz的loading，不知道有什么方法可以去掉嗎，下面為大家詳細(xì)介紹下具體的去掉方法2013-05-05
Bootstrap禁用響應(yīng)式布局的實(shí)現(xiàn)方法
這篇文章主要介紹了Bootstrap禁用響應(yīng)式布局的實(shí)現(xiàn)方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03