Javascript 如何使按钮在按下后不可单击或隐藏

访客订阅并选择页面后，或进入第二天后，我不想向他显示订阅按钮，因为他已订阅

出于安全原因，

:visted

伪不支持

显示：无

属性。对此的粗略回答是使用

JQUERY

，检查用户是否已经访问过，然后将类添加到其中，并且该类具有

display:none

属性，工作解决方案如下：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="http:/youtube.com">Subscribe Now</a>

CSS:

---

您需要在加载时隐藏它，并在单击时隐藏它

CSS

脚本：

var but = document.getElementById("#buttonID");
// sets class onload if localStorage is set
but.classList.toggle("hide",localStorage.getItem("subscribed") != null); 
but.addEventListener("click",function() {
  localStorage.setItem("subscribed","yes") 
  but.classList.add("hide");
})

---

你能给我们看一下吗？我用一个带链接的按钮订阅YouTube频道，按下它就会转到YouTube查看关闭的jquery标记和OP没有用jquery标记问题。此外，在单击并重新加载页面后，您将其隐藏在何处。此外，您的代码将导致页面上的所有链接都将受到影响。只需添加新方法进行检查，并且当页面重新加载时，您的代码仍将隐藏，并且当页面重新加载类时，页面上单击的所有链接都已删除。此语句将其放回

but.classList.toggle（“隐藏”，localStorage.getItem（“订阅”）！=null）  .visited{
    display:none;
  }

.hide { display:none }

var but = document.getElementById("#buttonID");
// sets class onload if localStorage is set
but.classList.toggle("hide",localStorage.getItem("subscribed") != null); 
but.addEventListener("click",function() {
  localStorage.setItem("subscribed","yes") 
  but.classList.add("hide");
})