How to hide the text or override othe text an anchor element

Question

<a class="drop-menu-trigger" id="userprofile" tabindex="0" title="User Profile">Welcome, <%=MyPage.MyNeo.SessionData.CBSessionUser.FirstName%>

<i class="fa fa-angle-down" id="headercaret" aria-hidden="true"></i>

</a>

 

i want to hide the 'Welcome,' text for a particular condition and want to show the first name..How can i do it in js file?