站内搜索: 请输入搜索关键词

当前页面: 开发资料首页JSP 专题这个树型菜单function什么意思啊?

这个树型菜单function什么意思啊?

摘要: 这个树型菜单function什么意思啊?


这是以前论坛上的一个例子,现在拿出来看,发现function zgmm()不太懂,哪位可以解释下里面元素的意思吗?ero.innerHTML是做什么的?程序其他部分也顺便提下,谢谢。


<head>
无限级树形菜单


<script language="JavaScript">

function m_start(name,tt) //菜单组开始
{
document.writeln('<tr><td class="bj">'+(tt==1?'1':'0')+'</td>');
document.writeln('<td>'+name+'</td>');
document.writeln('</tr>');
document.writeln('<tr style="display: '+(tt==1?'block':'none')+';">');
document.writeln('<td class="bj"> </td>');
document.writeln('<td>');
document.writeln('<table border="0" cellpadding="0" cellspacing="0">');
}

function m_end() //菜单组结束
{
document.writeln('</table></td></tr>');
}

function add_Sub(name,url,kj) //添加菜单项
{
document.writeln('<tr><td class="bj">2</td><td>');
document.writeln(''+name+'');
document.writeln('</td></tr>');
}

function zgmm()
{
//当前发生事件的对象的父对象的上一个兄弟对象
var ero = event.srcElement.parentElement.previousSibling;
//当前发生事件的对象的父对象的父对象的下一个兄弟对象
var mo = event.srcElement.parentElement.parentElement.nextSibling;
mo.style.display = (mo.style.display=="none")?"block":"none";
ero.innerHTML = (mo.style.display=="none")?"0":"1";
}
</script>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="A1">
<script language="JavaScript">
// 说明:
// 菜单组开始,m_start(name,tt); name为菜单组名称,tt为1菜单组初始时展开,为0不展开
// 菜单组结束:m_end();
// 添加菜单项:add_Sub("菜单项名称","url地址","框架名");
m_start("time",0);
m_start("1.1",0);
m_start("1.1.1",0);
add_Sub("1.1.1.1","http://www.17173.com/","_blank");
add_Sub("1.1.1.2","#","_blank");
add_Sub("1.1.1.3","#","_blank");
m_end();
m_start("1.1.2",0);
add_Sub("1.1.2.1","#","_blank");
add_Sub("1.1.2.2","#","_blank");
add_Sub("1.1.2.3","#","_blank");
m_end();
m_start("1.1.3",0);
add_Sub("1.1.3.1","#","_blank");
add_Sub("1.1.3.2","#","_blank");
add_Sub("1.1.3.3","#","_blank");
m_end();
add_Sub("1.1.4","#","_blank");
add_Sub("1.1.5","#","_blank");
add_Sub("1.1.6","#","_blank");
m_end();
m_start("1.2",0);
add_Sub("1.2.1","#","_blank");
add_Sub("1.2.2","#","_blank");
add_Sub("1.2.3","#","_blank");
m_end();
m_start("1.3",0);
add_Sub("1.3.1","#","_blank");
add_Sub("1.3.2","#","_blank");
add_Sub("1.3.3","#","_blank");
m_end();
add_Sub("1.4","#","_blank");
add_Sub("1.5","#","_blank");
m_end();

</script>
</table>

</body>





// 如果mo对象在Html中是隐藏的(即:Style.Display=="none"),那么,将其变为可见,反之,进行相反的操作。
mo.style.display = (mo.style.display=="none")?"block":"none";

//根据mo的显示状态,设置ero的innerHTML的值
ero.innerHTML = (mo.style.display=="none")?"0":"1";


inerHTML是html标签的属性,成对出现的标签大多数都有这个属性
是开始标签和结束标签之间的字符,不包括标签本身
比如

aaaaaaaaaabbbbbbbb



这里的p标签和span标签嵌套在一起
那么pp.innerHTML的内容就是
aaaaaaaaaabbbbbbbb

ss.innerHTML的内容就是

bbbbbbbb


↑返回目录
前一篇: Servlet 简单问题请教!!!
后一篇: 请教:用struts实现select下拉列表框联动