javascript eventlistener不使用php

我试图在用户单击按钮时显示和隐藏一个表。我使用JavaScript的

addEventlistener（）

实现了这一点，但当我单击按钮时，表格只会出现很短的时间。其他一切都按计划进行

var btn = document.querySelector(".btn");
var tb = document.querySelector("table");
tb.style.display = "none"
btn.addEventListener("click", function(){
    tb.style.display = "block"
});

---

要从您发布的代码中分辨出来有点困难（需要更多详细信息），但由于您指定使用提交按钮来执行此操作，我建议您更改

的

标记

我还建议您将JS事件侦听器函数更改为：

接收

事件

对象

btn.addEventListener("click", function(event){ ... }

通过添加

event.preventDefault();

对于JS侦听器函数，我总是将其放在函数代码的第一行

---

再次发布更多关于代码的详细信息，给你一个答案。

@JayBlanchard“代码的缩进太糟糕了，让我目瞪口呆。”这是一个不必要的评论。简单地说“代码的缩进使其难以阅读”就足够了。@JayBlanchard我完全理解这是一个笑话。然而，这是一个专业的问答网站，brahim是一个“新撰稿人”，他可能知道也可能不知道这是一个笑话。开头的标签在哪里？我没有看到。我想他们遗漏了很多相关的代码@FunkFortyNiner@JayBlanchard它缺少很多代码，IMHO。我正在使用php和js，所以我不能在响应中更改我的请求，为了找到可行的解决方案，更多的代码将大有帮助。此外，PHP还可以编写脚本，例如