用于显示和隐藏数据的简单JavaScript代码

Question

我的代码有问题。点击“显示按钮”，我想隐藏按钮并显示“数据”。但数据没有出现。有什么问题？

 function my() {
        var yy = document.getElementById("show");
        yy.style.display="none";
    	
    	  var b = document.getElementById("data");
        b.style.display="block";
    	 
    	 
    	 
    }

    #hide{ display:none;}
     


    #show{ display:true;} 
     
     

    #data{ display: none;}

     


    <div id="data"> this i s some data </div>
    <input onclick="my()" type="button" id="show" value="show data">
    <input type="button" id="hide" value="hide data">
  

Answer 1

要切换div，这是使用Javascript的代码。

＆＃13;

＆＃13;

document.getElementById("hide").onclick=function(){
  document.getElementById("data").style.display="none";
  }
document.getElementById("show").onclick=function(){
  document.getElementById("data").style.display="block";
  }

＆＃13;

<div id="data"> this is some data </div>
<input type="button" id="show" value="show data">
<input type="button" id="hide" value="hide data">

＆＃13;

＆＃13;

＆＃13;