我想让我的按钮在两种样式的特定元素之间切换，比如h1 on clicks，但是按钮就这么消失了

您好！根据您的描述，您想让按钮在特定元素之间切换样式，比如在点击h1标签时。当按钮消失时，我们可以使用CSS属性来实现这个效果。以下是一个完整且全面的答案：

在HTML中，我们需要一个按钮和一个h1标签来实现切换效果。我们可以给按钮添加一个点击事件，当点击按钮时，我们可以通过JavaScript来改变h1标签的样式。

首先，在HTML中添加一个按钮和一个h1标签：

<button id="toggleButton">切换样式</button>
<h1 id="heading">这是标题</h1>

接下来，我们使用JavaScript来实现点击按钮时h1标签样式的切换。我们可以使用classList属性来添加或移除CSS类，从而改变元素的样式。

// 获取按钮和h1元素
var toggleButton = document.getElementById("toggleButton");
var heading = document.getElementById("heading");

// 添加点击事件
toggleButton.addEventListener("click", function() {
  // 切换h1标签的样式
  heading.classList.toggle("highlight");
});

然后，我们需要编写CSS样式来定义h1标签的两种样式：

.highlight {
  color: red;
  font-size: 24px;
  font-weight: bold;
}

现在，当我们点击按钮时，h1标签的样式将在红色和默认样式之间切换。

这是一个简单的例子，您可以根据实际需求来调整样式和交互效果。同时，我也想提醒您，在实际开发中，我们通常会使用CSS框架（如Bootstrap）来加快开发速度，并提供更多样式选项和交互效果。

希望这个答案对您有帮助！如果您有任何其他问题，请随时提问。