html多级折叠菜单表单,JS实战篇之收缩菜单表单布局

获取节点的两种方式：

1、通过event对象的srcElement属性；

2、通过事件源对象用this传入。

代码如下：

收缩菜单 · 表单布局

function list(dtNode){

// var dtNode = event.srcElement;

var dlNode = dtNode.parentNode;

// alert(dtNode.nodeName+"---"+dlNode.nodeName);

var dlNodes = document.getElementsByTagName("dl");

// alert(dlNodes.length);

for(var i=0; i

if(dlNodes[i] == dlNode){

/*判断当前标题是展开还是关闭状态，默认关闭，先执行else语句*/

if(dlNode.className == "open"){

dlNode.className = "close";

}

else{

dlNode.className = "open";

}

}

else{

dlNodes[i].className = "close";

}

}

}

dl{

overflow: hidden;

height: 18px;

}

.open{

overflow: visible;

}

.close{

overflow: hidden;

}

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗

今天天气好晴朗