使用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
属性。但是在某些页面中,这个脚本不起作用,并且在控制台中它没有发送任何错误。我对这个脚本的错误感到困惑。