html点击文字下拉菜单,javascript下拉列表菜单的实现方法

之前写过这个《javascript下拉列表中显示树形菜单的实现方法》菜单的体现,但是在写了之后就发现了,不太适合,高度要精准控制,并且还不是很好看。现在采用table来封装,我们知道table的每一行写满了之后,下一行会自动加,这个比之前我们自己制定高度好很多。

1、点击之后都可以并存的情况(只需函数写法不一样就可)dispaly也是自己设置的,通过父节点来操作子节点,显示与否;

/* function open1(node){

//通过父节点来操作兄弟节点

当点击之后出现之后,直接就能打开但是要求在点开一个时候,其余的都关掉

var nodes = node.parentNode;

var nn = nodes.getElementsByTagName("ul")[0];

with (nn.style) {

display = (display == "block") ? "none" : "block";

}

}*/

2、点击之后只允许打开一个,其余的都要关掉

function list1(node){

//这是要对全部操作,必须要得到所有的对象 (根据table 的id 来获得)

//根据this判断,不是属于this,那么就关闭

//alert("aa");

//1,获得点击对象的值

var nodes = node.parentNode;//传入当前的父节点

va

你可能感兴趣的:(html点击文字下拉菜单)