JavaScript初学者在简单的弹出式上遇到问题

Question

我是一个完整的js newbie，并在单击两个按钮时打开两个弹出窗口 - 询问问题按钮打开一个名为pop up的弹出式，而另一个称为编辑问题的按钮打开一个名为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/