单击时显示div，但现有div应被移除，且新div应在javascript中现有div处可见

的实现方式可以通过以下步骤完成：

首先，在HTML中创建两个div元素，一个是现有的div，另一个是新的div。给它们分别设置一个唯一的id属性，以便在JavaScript中引用。

<div id="existingDiv">现有的div</div>
<div id="newDiv" style="display: none;">新的div</div>

接下来，在JavaScript中编写事件处理函数，用于在单击时显示新的div并移除现有的div。

document.getElementById("existingDiv").addEventListener("click", function() {
  var existingDiv = document.getElementById("existingDiv");
  var newDiv = document.getElementById("newDiv");

  // 移除现有的div
  existingDiv.parentNode.removeChild(existingDiv);

  // 显示新的div
  newDiv.style.display = "block";
});

在上述代码中，我们使用addEventListener方法为现有的div添加了一个点击事件监听器。当点击现有的div时，事件处理函数会被触发。

在事件处理函数中，我们首先获取现有的div和新的div的引用。然后，使用parentNode.removeChild方法将现有的div从DOM树中移除。最后，通过设置新的div的style.display属性为"block"，使其可见。

这样，当单击现有的div时，现有的div会被移除，而新的div会在原来的位置上显示出来。

这个实现方式可以适用于各种场景，例如在网页中切换不同的内容或显示不同的提示信息。

腾讯云相关产品和产品介绍链接地址：