javascript - Web 用户控件的 getElementByID() 不起作用？

Question

我做了一个web user control (.ascx) 由两个 html textbox 组成和两个 input buttons ，当我尝试做 document.getElementById('<%=ControlID.ClientID%>')它返回空值。我做错了什么？

源代码:

<script language="javascript" type="text/javascript">

    function intilize() {
        var x = document.getElementById('<%=JSNumeric_Control.ClientID%>');
    }

</script>

<table class="style1">
    <tr>
        <td >
        <My:UserInfoBoxControl ID="JSNumeric_Control" runat="server" />
            </td>
        <td>
            &nbsp;</td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center">
            <input id="Button1" type="button" value="button" onclick="intilize()" /><br />
            </td>
    </tr>
</table>

这是 Numbric.cs 的代码，以下是使用的属性，在页面加载中我使用 JavaScript 为 HTML 输入分配所有事件:

public partial class NumricCounter : System.Web.UI.UserControl
    {
        public string defualtValue = "0";
        public double defaultIncrementValue = 1;
        public int defaultPrecsionValue = 0;

        public string Button_Add_ClientID
        {
            get { return Button_Add.ClientID; }
        }

        public string Button_Subtract_ClientID
        {
            get { return Button_Subtract.ClientID; }
        }

        //Set and Get for all these properties. (Code Omitted)
        public string Text;

        public double IncrementValue;

        public int PrecsionValue;

        public void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                Text_Output.Value = this.Text;
                Button_Add.Attributes.Add("onclick", "Add(" + IncrementValue.ToString() + "," + PrecsionValue.ToString() + ");");
                Button_Subtract.Attributes.Add("onclick", "Subtract(" + this.IncrementValue.ToString() + "," + this.PrecsionValue.ToString() + ")");
                Text_Output.Attributes.Add("onkeyup", "check(" + this.PrecsionValue.ToString() + ");");
            }
        }
    }

Answer 1

尝试替换你的函数:

function intilize() {
        var x = document.getElementById('<%=JSNumeric_Control.ClientID%>');
    }

用这个:

function intilize() {
        var x = document.getElementById('JSNumeric_Control');
    }

getElementById 应该从渲染的 html 中读取元素的 ID。