javascriptでテキストボックスを取得する

Question

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 

<script type="text/javascript"> 
function Incrementer() 
{ 
    debugger; 
    var txtBox = document.getElementById('ctl00_MainContent_TextBox1').value; 

    alert(txtBox); 
} 

</script> 
    <asp:TextBox ID="TextBox1" runat="server" Text="0"></asp:TextBox><br /> 
    <asp:Button ID="Button1" runat="server" Text="Up" OnClientClick="Incrementer();"/> 
    <asp:Button ID="Button2" Text="Down" runat="server"/> 
    </asp:Content> 

JavaScriptでテキストボックスをキャプチャできません。何が問題ですか？

Answer 1

は私が再だけでなく、このASP.netをタグ付けしました試してみてください。

ページにASP.netテキストボックスコントロールがレンダリングされると、変更可能な動的IDが割り当てられます。コントロールにはIDが割り当てられたコントロールを提供するコントロールのClientIDがあり、スクリプトで使用できるようになっています。

使用すると、次のように：あなたが取得しているエラーメッセージのどのような

<script type="text/javascript"> 
function Incrementer() 
{ 
    debugger; 
    var txtBox = document.getElementById('<%=TextBox1.ClientID%>').value; 

    alert(txtBox); 
} 
</script> 

Answer 2

は、この問題に非常に具体的なので、この

var txtBox = document.getElementById('<%=TextBox1.ClientID%>').value; 
alert(txtBox);