使用javascript公开警报按钮

使用javascript公开警报按钮,javascript,html,Javascript,Html,在我的项目中,我添加了警报框,并尝试在用户单击“披露”按钮时关闭该框。但是我不知道为什么这个条件没有执行。 有人能告诉我我在哪里犯了错误吗 window.onload = function(){ var button = document.querySelector(".close"); var successMessage = document.querySelector(".messageStackSuccess"); var

在我的项目中,我添加了警报框,并尝试在用户单击“披露”按钮时关闭该框。但是我不知道为什么这个
条件没有执行。
有人能告诉我我在哪里犯了错误吗

window.onload = function(){ 
    var button = document.querySelector(".close");
    var successMessage = document.querySelector(".messageStackSuccess");
    var messageStack = document.querySelector(".messageStackError");
    // console.log(successMessage.className);
    
    button.onclick = function () { 
        
        if (messageStack.className == "messageStackError") {
            messageStack.classList.add("displayNone");   
        }
        else if (successMessage.className == "messageStackSuccess") {
            successMessage.classList.add("displayNone");
        }
    };

};

发布相应的html标记。另外,您看到按钮onclick在没有if的情况下是否工作了吗?为什么不将classList与
successMessage.classList.contains('messageStackSuccess)
一起使用呢?问题可能与此有关。您也可以使用
button.onclick=function(e){e.target.classList.contains('messageStackSuccess')
@MerianosNikos我使用了这个
contains
属性。但是在某些页面中,这个脚本不起作用,并且在控制台中它没有发送任何错误。我对这个脚本的错误感到困惑。