Javascript初学者有简单的弹出窗口问题

Question

我是一个完整的JS新手，当点击两个按钮时，我想要打开两个弹出窗口 - 请求问题按钮打开一个名为弹出窗口的弹出窗口，另一个名为编辑问题的按钮打开一个名为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/