Change visibility of ASP.NET label with JavaScript

by

If you need to manipulate it on the client side, you can’t use the Visible property on the server side. Instead, set its CSS display style to “none”. For example:

<asp:Label runat="server" id="Label1" style="display: none;" />

Then, you could make it visible on the client side with:

document.getElementById('Label1').style.display = 'inherit';

You could make it hidden again with:

document.getElementById('Label1').style.display = 'none';

Keep in mind that there may be issues with the ClientID being more complex than “Label1” in practice. You’ll need to use the ClientID with getElementById, not the server side ID, if they differ.

Leave a Comment