Change AnchorLink Text on ASP.Net Button Click using C# and VB.Net

Hi kevinf,

You need to set the attribute runat server to the anchor link. Then you can access in code behind and set its InnerHtml. 

HTML

<header class="site-navbar js-sticky-header site-navbar-target" role="banner" style="background-color: Transparent !important;">
    <div class="container-fluid">
        <div class="row align-items-center position-relative" style="background-color: Transparent !important;">
            <div class="row-cols-12">
                <nav class="site-navigation text-right ml-auto kf" role="navigation" style="background-color: Transparent;">
                    <ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-inline-flex">
                        <li class="has-children">
                            <a id="FontChange" runat="server" href="#about-section" class="nav-link fs mediaresize">
                            <em class="icon-import_contacts fs" style="margin-right: 5px;"></em>Import</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>
<asp:Button Text="Set" runat="server" OnClick="OnSet" />

Code

C#

protected void OnSet(object sender, EventArgs e)
{
    string textdesc = "textblack";
    FontChange.Attributes.Add("class", textdesc);
    FontChange.InnerHtml = "<em class='icon-import_contacts texte fs' style='margin-right: 5px;'></em>Import";
}

VB.Net

Protected Sub OnSet(ByVal sender As Object, ByVal e As EventArgs)
    Dim textdesc As String = "textblack"
    FontChange.Attributes.Add("class", textdesc)
    FontChange.InnerHtml = "<em class='icon-import_contacts texte fs' style='margin-right: 5px;'></em>Import"
End Sub

You can't ask multiple queries within a question. This is against forum rules and necessary to maintain clean forum.

It is requested Mark Answer the replies when question is answered and ask a new question as a responsible member to help fellow programmers around the world.

Don't know how but I closed this with my answer I worked out

I previously closed this but this is what I found I added the Textdesc and a <b> tag to update the text color

 <a href="#about-section" class="nav-link fs mediaresize"><em class='<%=textdescIconC%>' style="margin-right: 5px;"></em><b class='<%=textdesc%>'>Import</b></a>