使用javascript隐藏div，即使文档被重新加载

实际上，我正在使用ajax来显示动态元素。 我正在使用javascript在按钮点击上设置一个div，这个div包含表单元素，在提交表单后，我需要隐藏这个div，这样它就不会再出现在UI上了

我面临的问题是，一旦我隐藏了div，它就可以正常工作了，但是当我重新加载页面时，div又出现了

---

单击按钮后，希望将div永久隐藏。

您需要将

div

隐藏在

localStorage

中的状态存储起来

例如：

const divHidden=localStorage.getItem（'divHidden'）=='yes'；
//如果（！divHidden）显示div
//然后在隐藏div时：
setItem（'divHidden'，'yes'）；

您还可以在

窗口

上侦听

存储

事件，以更新web应用程序的任何其他选项卡：

window.addEventListener（'storage'，（）=>{
if（localStorage.getItem（'divHidden'）=='yes'）{
// ...
}
});

Thank you@Mat Sz，但这会使我的div在所有页面上都被隐藏，我不想隐藏它。例如如果我的div隐藏在显示页面上，那么它也会将同一个div隐藏在我的索引页面上，因为我在多个页面上使用div。参见项目要求，他们的多个公司卡，每个卡中都有这个div，在获取输入后，获取输入，我需要隐藏这个div并显示基于输入的处理数据。正如你建议我做的，我做了，但它也禁用了我所有其他卡的div。使用其他div的ID和密钥。这应该可以解决问题。