Javascript初学者在简单弹出窗口时遇到问题

Question

我是一个完全的JS新手，单击两个按钮时想打开两个弹出窗口-“问问题”按钮将打开一个名为popup的弹出窗口，另一个名为“编辑问题”的按钮将弹出一个名为popupEdit的弹出窗口。 第一个工作正常-但是第二个根本没有工作。 我怀疑这是一件非常简单的事情……我刚刚开始学习JS，以便为我的仅PHP网站添加一些样式。 谢谢您的帮助。

 window.onload = function() {
  document.getElementById("AskQuestion").onclick = function(){
    var overlay = document.getElementById("overlay");
    var popup = document.getElementById("popup");
    overlay.style.display = "block";
    popup.style.display = "block";
  };

   document.getElementById("CloseBtn").onclick = function(){
    var overlay = document.getElementById("overlay");
    var popup = document.getElementById("popup");
    overlay.style.display = "none";
    popup.style.display = "none";      
   };

    document.getElementById("EditQuestion").onclick = function(){
    var overlay = document.getElementById("overlay");
    var popupEdit = document.getElementById("popupEdit");
    overlay.style.display = "block";
    popupEdit.style.display = "block";
  };

    document.getElementById("CloseEditBtn").onclick = function(){
    var overlay = document.getElementById("overlay");
    var popupEdit = document.getElementById("popup");
    overlay.style.display = "none";
    popupEdit.style.display = "none";      
  };


 };

Answer 1

您在第二个弹出窗口中有一个小错误。 应该有popupEdit而不是popup ：

document.getElementById("CloseEditBtn").onclick = function(){
    var overlay = document.getElementById("overlay");
    var popupEdit = document.getElementById("popupEdit");
    overlay.style.display = "none";
    popupEdit.style.display = "none";      
};

另外，请确保正确定义CSS样式。

演示： http ： //jsfiddle.net/nRfC2/