同一页面内不同按钮显示不同数据

<div id="div1">...</div>
<div id="div2" style="display:none">...</div>
<div id="div2" style="display:none">...</div>document.getElementById("div1").style.display="none";
document.getElementById("div1").style.display="block";onclick执行一下哪些隐藏，哪些显示就可以了

解决方案 »

  1.   

    <script language="javascript">
    function show(divid) 
    {
    if(divid=='div1'){
    document.all.div1.style.display='block';
    document.all.div2.style.display='none';
    document.all.div3.style.display='none';
    }else if(divid=='div2'){
    document.all.div1.style.display='none';
    document.all.div2.style.display='block';
    document.all.div3.style.display='none';
    }else if(divid=='div3'){
    document.all.div1.style.display='none';
    document.all.div2.style.display='none';
    document.all.div3.style.display='block';
    }
    }
    </script>
    <body>
    <table width="90%" border="1" cellspacing="0" cellpadding="0" align="center"> 
    <tr><td>
     <input name="jc" type="button" value="基础信息" onclick="show('div1')">
     <input name="lx" type="button" value="联系信息" onclick="show('div2')">
     <input name="yw" type="button" value="业务信息" onclick="show('div3')">
    </td></tr> 
    <tr id="div1"><td align="center">这里显示基础信息</td></tr>
    <tr id="div2" style="display:none"><td align="center">这里显示联系信息</td></tr>
    <tr id="div3" style="display:none"><td align="center">这里显示业务信息</td></tr>
    </table> 
    </body>
      

  2.   

    楼上的正确
    可以显示按钮对应的内容
    隐藏无关的内容
    用style.display="block" 和style.display="none" 来实现.
      

  3.   

    使用Click事件处理函数，页面加载默认显示“基础信息”，对其他的按钮分别写不同的事件。
      

  4.   

    为什么用document.all.div1.style.display时，提示缺少对象。用document.getElementById("div1").style.display，就可以。请问这是为什么？