function che(id){
  document.getElementById("div" + id).style.display='none'; 

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <script>
        function divClick()
        {       
            var el=document.getElementsByTagName('div');
            for(var i=0;i<el.length;i++)
            {
                if(el[i]!=event.srcElement)
                    el[i].style.display='';
                else
                    el[i].style.display='none';
            }
        }
        function divShow()
        {
            var el=document.getElementsByTagName('div');
            for(var i=0;i<el.length;i++)
            {
                el[i].style.display='';//el[i].style.display='block';
            }
        }
        function divHidden()
        {
            var el=document.getElementsByTagName('div');
            for(var i=0;i<el.length;i++)
            {
                el[i].style.display='none';
            }
        }
        </script>
    </head>
    <body>
        <div id='div1' onclick="divClick();">ABCDE div1 </div><br />
        <div id='div2' onclick="divClick();">你好~ div2 </div><br />
        <div id='div3' onclick="divClick();">789456 div3 </div><br />
        <div id='div4' onclick="divClick();">!·#¥%…… div4 </div><br />
        <input type="button" value="全部显示" onclick="divShow()" />
        <input type="button" value="全部隐藏" onclick="divHidden()" />
    </body>
    </html>