JS:如何让Div在点击时出现，而不是追加？就像工具提示一样

要实现点击时让div出现而不是追加，可以通过以下步骤来实现：

1. 首先，在HTML中创建一个div元素，并设置其初始状态为隐藏（display: none）。
2. 使用JavaScript来监听点击事件，并在点击时改变div的显示状态。
3. 在点击事件的处理函数中，使用CSS的display属性来切换div的显示状态。

下面是一个示例代码：

HTML部分：

<button onclick="toggleDiv()">点击显示/隐藏</button>
<div id="myDiv" style="display: none;">
  这是要显示的内容
</div>

JavaScript部分：

function toggleDiv() {
  var div = document.getElementById("myDiv");
  if (div.style.display === "none") {
    div.style.display = "block";
  } else {
    div.style.display = "none";
  }
}

在上述代码中，我们首先通过getElementById方法获取到id为"myDiv"的div元素。然后，在toggleDiv函数中，我们检查div的当前显示状态，如果是隐藏的（display为"none"），则将其显示出来（display设置为"block"），否则将其隐藏起来（display设置为"none"）。

这样，当点击按钮时，div的显示状态就会切换，实现了点击时出现而不是追加的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器，可满足各种规模和需求的业务场景。了解更多信息，请访问：腾讯云云服务器
• 腾讯云云函数（SCF）：无需管理服务器，按需运行代码的事件驱动计算服务。可用于构建灵活、可扩展的应用程序和后端服务。了解更多信息，请访问：腾讯云云函数