js隐藏链接

<a id="hiddenLink" href="https://example.com">这是一个隐藏的链接</a>

<style>
  #hiddenLink {
    display: none;
  }
</style>

<a id="dynamicLink" href="https://example.com">点击我隐藏</a>

<script>
  document.getElementById('dynamicLink').addEventListener('click', function(event) {
    event.preventDefault(); // 阻止默认行为
    this.style.display = 'none'; // 隐藏链接
  });
</script>

<a id="conditionalLink" href="https://example.com">登录后可见</a>

<script>
  window.onload = function() {
    var isLoggedIn = false; // 假设这是一个判断用户是否登录的逻辑
    if (!isLoggedIn) {
      document.getElementById('conditionalLink').style.display = 'none';
    }
  };
</script>

// 当需要显示链接时
var newLink = document.createElement('a');
newLink.href = 'https://example.com';
newLink.textContent = '这是一个动态创建的链接';
document.body.appendChild(newLink);