请教高手来解决这个问题,有难度哦？

下面这个层要放在十个段落中，每个段落都要实行隐藏和显现，现在要求先全部隐藏，然后点每个段落中的一个按钮就显示该段落的这个隐藏层，问用JS 怎么实现？
<div class="addchatpicture" id="addchatpicture">
<FORM name="SCM" action="khimgaddmainpicture.asp" method="post" encType="multipart/form-data">
<p class="chatmainpicture">Main picture:
<INPUT type="file"name="file1" ></p>
<p class="chatmainpicture2"><input type="submit" name="FMDJ" value="submit"class="xian">
<input type="reset" name="Submit2" value="reset"class="xian">
</form>
</div>

解决方案 »

  1.   

    对div添加个name字段
    然后getElementByTagName
    获取数组
    然后循环设置隐藏就是
      

  2.   

    var lis =  document.getElementById("myul").getElementsByTagName("li");
                 for(var i = 0 ;i<lis.length;i++){
                    lis[i].style.display = "none";
                 }
      

  3.   

    eg:
    lis[i].style.display = "block";//展示
      

  4.   

    用JS控制DIV层的隐藏与显示。页面中有三个DIV层，三个超级链接，实现的功能是点击一个链接，显示相应的DIV层，同时隐藏另外两个DIV层。实例代码如下：示例一<html>    <head>    <script type="text/javascript">    function changeBody(index){     switch(index){     case 1:{     document.getElementById('iDBody1').style.display = "";     document.getElementById('iDBody2').style.display = "none";     document.getElementById('iDBody3').style.display = "none";     break;  }     case 2:{     document.getElementById('iDBody1').style.display = "none";     document.getElementById('iDBody2').style.display = "";     document.getElementById('iDBody3').style.display = "none";     break;         }     case 3:{     document.getElementById('iDBody1').style.display = "none";     document.getElementById('iDBody2').style.display = "none";     document.getElementById('iDBody3').style.display = "";     break;           }        }     }     </script>    </head>    <body>        <a href="javascript:changeBody(1)">模块A</a>    <a href="javascript:changeBody(2)">模块B</a>    <a href="javascript:changeBody(3)">模块C</a>        <div style="display: none" id="iDBody1">       模块(一)的相关内容     </div>    <div style="display: none" id="iDBody2">       模块(二)的相关内容     </div>    <div style="display: none" id="iDBody3">       模块(三)的相关内容     </div>    </body>    </html>