asp.net js获取控件ID

ClientID是由ASP.Net生成的服务器控件得客户端标识符,当这个控件生成到客户端页面的时候,在客户端代码访问该控件时就需要通过ClientID来访问。

以文本框为例:

一、未使用母版页

js可以使用document.getElementById('控件的ID')形式,也可以使用document.getElementById('<%=控件的ID.ClientID %>')的形式。

注意:使用HTML <input>标签,想在后台取得其Value值(string text = this.Text1.Value;),或者在js用document.getElementById('<%=Text1.ClientID %>');的形式获取控件id,需要变为服务器控件,加上runat="server",即<input id="Text1" type="text" runat="server" onblur="change()">即可,当然,即使加上runat="server",js也可以使用document.getElementById('Text1');获取其id。

二、使用母版页

①对于标准服务器控件,如<asp:TextBox>,js获取其控件ID必须使用document.getElementById('<%=控件的ID.ClientID %>');获取其ID,代码如下:

如果使用document.getElementById('控件的ID');会出现如下错误:



②对于HTML <input>标签,
如果作为服务器控件,即有runat="server",js获取其id使用document.getElementById('<%=控件的ID.ClientID %>');
如果不作为服务器控件,使用document.getElementById('控件的ID');获取其id。 否则也会出现上图的错误。

如果在母版页body内的ContentPlaceHolder控件加上ClientIDMode="Static" 属性后,内容页中js获取服务器控件id就可以直接使用其ID名(不用使用<%=控件ID.ClientID %>)


原文地址:https://www.cnblogs.com/pauline/p/5607246.html