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

Question

我是一个完全的 JS 新手，我想在单击两个按钮时打开两个弹出窗口 - 提问按钮会打开一个名为 pop up 的弹出窗口，另一个名为 edit Question 的按钮会打开一个名为 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/