隐藏母版页asp.net中的链接文本

Question

我使用连接到本地 SQL DB 的 .net 模板创建了一个简单的登录页面。我需要在母版页中隐藏注销链接文本我已经使用 html 标记完成了此操作，但是一旦用户登录需要启用“注销”文本并在页面后面的代码中隐藏登录文本。请帮助我
母版页

<asp:LoginView runat="server" ViewStateMode="Disabled">
 <AnonymousTemplate>
  <ul class="nav navbar-nav navbar-right">
    <li><a runat="server" href="~/Account/Register">Register</a></li>
    <li><a runat="server" href="~/Account/Login">Log in</a></li>
    <li><a runat="server" href="Default.aspx" Visible ="false">Log out</a>
    </li> 
  </ul>  
 </AnonymousTemplate>

Answer 1

将此类和 Id 添加到链接：

<a runat="server" id="logoutId" class="hidden-link" href="Default.aspx">Log out</a>

将此添加到您的 CSS：

a.hidden-link {
    display: none;
}

您可以通过添加/删除 hidden-link 类来使用 javascript 显示/隐藏链接：

// hide
document.getElementById("logoutId").classList.add("hidden-link");

// show
document.getElementById("logoutId").classList.remove("hidden-link");

或者你可以：

<a runat="server" id="logoutId" style="display: none;" href="Default.aspx">Log out</a>

然后使用juavascript显示/隐藏

// show
document.getElementById("logoutId").style.display = 'block';

// hide 
document.getElementById("logoutId").style.display = 'none';