¿Cómo puedo acceder al elemento ASP runat = "server" usando javascript?

Question

Parece que todos están haciendo esto (en mensajes de código, etc.) ... pero yo no sabía cómo' :(

siempre que intente manipular un elemento asp usando javascript me sale un 'elemento es nulo' o " documento no está definido", etc ..... error

Javascript funciona bien por lo general, ... pero sólo cuando agrego el runat = 'atributo de servidor' hace el elemento parece invisible a mi javascript.

cualquier sugerencias serían apreciadas

Gracias, Andrew

Answer 1

Lo que probablemente está sucediendo es que su elemento/control está dentro de uno o más controles ASP.NET que actúan como nombres de contenedores (página Maestra, ITemplate, Wizard, etc.) y eso está causando que su ID cambie.

Puede usar "ver fuente" en su navegador para confirmar que es lo que está sucediendo en el HTML procesado.

Si su JavaScript está en la página ASPX, la forma más fácil de solucionarlo temporalmente es use the element's ClientID property. Por ejemplo, si usted tenía un control denominado TextBox1 que quería hacer referencia a través de JS:

var textbox = document.getElementById('<%= TextBox1.ClientID %>'); 

Answer 2

Si usted tiene un cuadro de texto:

<asp:TextBox id="txtText" runat="server" /> 

que puede utilizar:

var textBox=document.getElementById('<%=txtText.ClientID %>'); 

Cualquier WebControl expone la misma propiedad ClientID.

Answer 3

Haciendo un elemento runat="server" cambia el ID de cliente de ese elemento en base a lo ASP.NET nombrar los contenedores que hay dentro de. Por lo tanto, si usa document.getElementById para manipular el elemento, deberá pasarle la nueva ID generada por .NET. Mira en la propiedad ClientId para obtener la generada ID ... se puede usar en línea en su Javascript, así:

var element = document.getElementById('<%=myControl.ClientID%>'); 

Answer 4

Todos sin embargo la pregunta ha sido contestada, pensé que acaba de publicar algunos más información ...

Rick Strahl proporcionó un trabajo bastante interesante alrededor de este problema.

http://www.west-wind.com/WebLog/posts/252178.aspx

Afortunadamente cuando ASP .NET 4.0 llega, le permitirá especificar exacly lo que será el cliente de identificación!

http://www.codeproject.com/KB/aspnet/ASP_NET4_0ClientIDFeature.aspx