请问一个网页中两个按钮分别点出来不同的东西怎么做？

就是说在这个网页中实现分层点第一个按钮显示1点第二个按钮显示2同时隐藏第一个按钮显示的1！请告诉我一个简单的例子！谢谢

解决方案 »

  1.   

    <script language="javascript" type="text/javascript">
    function t1(){
    document.getElementById("show").innerHTML="1";
    }
    function t2(){
    document.getElementById("show").innerHTML="2";
    }
    </script>
    <div id="show"></div>
    <input type="button" name="button1" value="按钮1" onClick="t1();"/>
    <input type="button" name="button2" value="按钮2" onClick="t2();"/>
      

  2.   

    btn1.style.display="none"不就隐藏了？等于block就显示
      

  3.   


    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function hidden1(){
    document.all.abc.value='2';
    document.all.cba.style.display = "none";
    }
    //-->
    </SCRIPT>
    <BODY>
    <INPUT TYPE="text" NAME="abc">
    <BR><INPUT TYPE="button" name="cba" value="1" style="display:" onclick="javascript:document.all.abc.value='1'";>
    <BR><INPUT TYPE="button" value="2" style="display:" onclick="javascript:hidden1()">
      

  4.   


    <html> 
    <head>
    <script>
    function doclick(n){
       document.getElementById("lay"+n).style.display = "block";
       if(n==1) n=2;
       else n = 1;
       document.getElementById("lay"+n).style.display = "none";
    }
    </script>
    </head> 
    <body> 
    <input type="button" onclick="doclick(1);" value="1">
    <input type="button" onclick="doclick(2);" value="2"><div id="lay1" style="display:none;">this is layer 1</div>
    <div id="lay2" style="display:none;">this is layer 2</div>
    </body> 
    </html>