ul的隐藏与显示，怎么根据id显示ul-JavaSript-爱易网页

ul的隐藏与显示，怎么根据id显示ul

日期：2014-05-16　浏览次数：20426 次

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&g

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

ul的隐藏与显示，怎么根据id显示ul

相关资料更多>

推荐阅读更多>