html让ul显示隐藏,Javascript显示和隐藏ul列表的方法

Javascript显示和隐藏ul列表的方法

本文实例讲述了Javascript显示和隐藏ul列表的方法。分享给大家供大家参考。具体如下：

• Show & Hide

  • Links etc here

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].οnclick=function() {

if (this.className == "selected") {

this.className = "";

}

else if (this.className == ""){

this.className = "selected";

}

}

}

}

希望本文所述对大家的javascript程序设计有所帮助。

时间： 2015-07-14

本文实例讲述了JavaScript实现向OL列表内动态添加LI元素的方法.分享给大家供大家参考.具体分析如下: JavaScript向OL列表内动态添加LI元素的方法,下面JS代码每次点击按钮都会想OL列表中动态添加一个LI

本文实例讲述了JavaScript实现LI列表数据绑定的方法.分享给大家供大家参考.具体如下: 利用JavaScript进行LI列表数据绑定,获取列表里面对应的LI,这是一位高人写的代码,看了才知道,原来并不很复杂,为什么之前用的方法那么笨? 运行效果如下图所示: 具体代码如下: ist01").getElementsByTagName("li") for (i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本文实例讲述了javascript动态修改Li节点值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下:    

 

本文实例讲述了javascript实现列表滚动的方法.分享给大家供大家参考.具体如下: index.html如下: