例子排序两个div

Question

我有两个div的A和B，我看例子在没有重新加载页面的情况下切换它们，例如onclick第一个按钮只显示div A，第二个按钮只显示Div B，第三个按钮显示所有A和B div

Answer 1

<div id="A" style="dispay:none">
  <p> this is div 1 </p>
</div>
<div id="B" style="dispay:none">
  <p> this is div 2 </p>
</div>
<input type="button" value="showA" onclick="showA()">
<input type="button" value="showA" onclick="showB()">
<input type="button" value="showA" onclick="showAB()">
<script>
  var showA = function()
  {
   document.getElementById('A').style.display = 'block';
   document.getElementById('B').style.display = 'none'; 
  }
  var showB = function()
  {
   document.getElementById('B').style.display = 'block';
   document.getElementById('A').style.display = 'none'; 
  }
  var showAB = function()
  {
   document.getElementById('A').style.display = 'block';
   document.getElementById('B').style.display = 'block'; 
  }
</script>