单击事件显示和删除所有覆盖，而不是单独- JavaScript

<div id="overlayContainer"></div>

// 获取覆盖物容器
var overlayContainer = document.getElementById("overlayContainer");

// 单击事件处理函数
function handleClick() {
  // 判断当前是否已经显示了所有覆盖物
  if (overlayContainer.hasChildNodes()) {
    // 如果已经显示了覆盖物，则删除所有子元素
    while (overlayContainer.firstChild) {
      overlayContainer.removeChild(overlayContainer.firstChild);
    }
  } else {
    // 如果未显示覆盖物，则添加需要显示的覆盖物
    var overlay1 = document.createElement("div");
    overlay1.innerText = "覆盖物1";
    overlayContainer.appendChild(overlay1);

    var overlay2 = document.createElement("div");
    overlay2.innerText = "覆盖物2";
    overlayContainer.appendChild(overlay2);

    var overlay3 = document.createElement("div");
    overlay3.innerText = "覆盖物3";
    overlayContainer.appendChild(overlay3);
  }
}

// 添加单击事件监听器
document.addEventListener("click", handleClick);