如何使按钮在单击时在div之间切换？

要实现按钮在单击时在div之间切换，可以通过以下步骤来完成：

首先，在HTML中创建一个包含按钮和两个div的容器。例如：

<div id="container">
  <button id="toggleButton">切换</button>
  <div id="div1">内容1</div>
  <div id="div2">内容2</div>
</div>

接下来，使用CSS来隐藏其中一个div。可以通过设置display属性为none来实现。例如：

#div2 {
  display: none;
}

使用JavaScript来实现按钮的切换功能。可以通过添加事件监听器来监听按钮的点击事件，并在每次点击时切换div的显示和隐藏。例如：

var toggleButton = document.getElementById("toggleButton");
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");

toggleButton.addEventListener("click", function() {
  if (div1.style.display === "none") {
    div1.style.display = "block";
    div2.style.display = "none";
  } else {
    div1.style.display = "none";
    div2.style.display = "block";
  }
});

以上代码中，通过判断div1的display属性来确定当前显示的是哪个div，然后根据需要切换它们的显示和隐藏。