ul的隐藏与显示，如何根据id显示ul？
- HTML code
<body>li的隐藏与显示，如何根据id显示ul？如何设置ul默认是隐藏 <div id="PARENT" style="background-color:#999999; color:#CC0000"> <ul id="nav"> <li> <ul id="a1"> <li> <a href="../customer.aspx" target="frmright" >人事料</a></li> <li> <a href="../addcourse.aspx" target="frmright">主管架</a></li> <li> <a href="../addcourse.aspx" target="frmright">部料</a></li> <li> <a href="../addcourse.aspx" target="frmright">部</a></li> </ul> <ul id="a2"> <li> <a href="../course.aspx" target="frmright">培</a></li> <li> <a href="../course.aspx" target="frmright">培地</a></li> <li> <a href="../course.aspx" target="frmright">培案</a></li> </ul> </li> </ul> </div> </body><script type="text/javascript"><!--if ( Request.QueryString("menu")=1)//这样可以获取到传递过来的参数吗？{这里如何显示<ul id="a1">}if ( Request.QueryString("menu")=2){这里如何显示<ul id="a1">}--></script>[解决办法]
- HTML code
<script> function isshow(e){ if(document.getElementById(e).getElementsByTagName("li")[0].style.display==null) document.getElementById(e).getElementsByTagName("li")[0].style.display="block" if(document.getElementById(e).getElementsByTagName("li")[0].style.display=="block") { for(var i=0;i< document.getElementById(e).getElementsByTagName("li").length;i++) {document.getElementById(e).getElementsByTagName("li")[i].style.display="none" } } else { for(var i=0;i< document.getElementById(e).getElementsByTagName("li").length;i++) {document.getElementById(e).getElementsByTagName("li")[i].style.display="block"} } } </script> <body>li的隐藏与显示，如何根据id显示ul？如何设置ul默认是隐藏 <div id="PARENT" style="background-color:#999999; color:#CC0000"> <ul id="nav"> <li >XXX <ul id="a1" span onclick="isshow('a1')" style="cursor:pointer; " >123 <li > <a href="../customer.aspx" target="frmright" >人事料</a></li> <li> <a href="../addcourse.aspx" target="frmright">主管架</a></li> <li> <a href="../addcourse.aspx" target="frmright">部料</a></li> <li> <a href="../addcourse.aspx" target="frmright">部</a></li> </ul> <ul id="a2" onclick="isshow('a2')" style="cursor:pointer">234 <li > <a href="../course.aspx" target="frmright">培</a></li> <li> <a href="../course.aspx" target="frmright">培地</a></li> <li> <a href="../course.aspx" target="frmright">培案</a></li> </ul> </li> </ul> </div> </body>
[解决办法]
- HTML code
<body>li的隐藏与显示，如何根据id显示ul？如何设置ul默认是隐藏<style>#nav ul{display:none;}/*默认隐藏id="nav"下的ul*/</style> <div id="PARENT" style="background-color:#999999; color:#CC0000"> <ul id="nav"> <li> <ul id="a1"> <li> <a href="../customer.aspx" target="frmright" >人事料</a></li> <li> <a href="../addcourse.aspx" target="frmright">主管架</a></li> <li> <a href="../addcourse.aspx" target="frmright">部料</a></li> <li> <a href="../addcourse.aspx" target="frmright">部</a></li> </ul> <ul id="a2"> <li> <a href="../course.aspx" target="frmright">培</a></li> <li> <a href="../course.aspx" target="frmright">培地</a></li> <li> <a href="../course.aspx" target="frmright">培案</a></li> </ul> </li> </ul> </div> </body><script type="text/javascript"><!--if ( '<%=Request.QueryString("menu")%>'=="1")//=================使用<%%>来动态获取传递的参数{document.getElementByI('a1').style.display="block";}if ( '<%=Request.QueryString("menu")%>'=="2")//{document.getElementByI('a2').style.display="block";}