ASP.NETコンテンツページのJavaScriptエラー

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
<script type="text/javascript"> 
    function Test1(w) { 
     document.getElementById('<%=TextBox1.ClientID%>').style.width = w; 
     return false; 
    } 
    Test1(10); // This line arises an error. Why ? 
</script> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    <input id="Button1" type="button" value="button" onclick="Test1(10)" /> 
</asp:Content>

スクリプトから関数Test1（10）を呼び出したときにエラーが発生しました。しかし、それはボタンのクリックを呼び出すとき、それは正常に動作します。スクリプトから関数を呼び出すにはどうすればよいですか（またはASP.NET Content Pageのonload()関数にどのようにアクセスできますか）。ASP.NETコンテンツページのJavaScriptエラー

出典

2012-01-10 Rauf

エラーは何ですか？ – user1231231412

ドキュメントがロードされるまで待つべきです – mgraph

<script>ブロック内の "Test1（）"への呼び出しが発生すると、その入力フィールドはまだDOMの一部ではありません。したがって、getElementById()への呼び出しはnullを返し、関数の最初の行は失敗します。

<script>ブロックをに移動すると、テキストボックスの後に動作するはずです。

編集 —また、幅に「px」を明示的に追加することもできます。

出典

2012-01-10 14:04:24 Pointy

は、テキストボックスが存在しないため、スクリプトでのTest1を実行するときにです。この

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
<script type="text/javascript"> 
    function Test1(w) { 
     document.getElementById('<%=TextBox1.ClientID%>').style.width = w; 
     return false; 
    } 
window.onload = function() { 
    Test1(10); // This line arises an error. Why ? 
} 
</script> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    <input id="Button1" type="button" value="button" onclick="Test1(10)" /> 
</asp:Content>

出典

2012-01-10 14:04:46 mgraph

を試してみてください。コールをdocument.ready関数に置くか、テキストボックスの後にページのさらに下に移動する必要があります。

出典

2012-01-10 14:05:05 Archer

document.ready jqueryなしではあまり役に立ちません – GNi33

まず、javascriptコードを実行するたびに、イベントのタグetherから直接、DOMレベルを読み込むのを待つ必要があります。

<script type="text/javascript"> 
     window.onload =function() 
     { /* code */ } 
    </script>

またはbodyタグの「onloadイベント」イベントでコードを実行します：

<body onload="Test1(10);"> 
    </body>

ようそれとも、jQueryのを使用する場合は、上記を使用することができます。

だからのような何かを行うことができます

<script type="text/javascript"> 
     $(document).ready(function(){ 
     /* Code to execute */ 
     }); 
    </script>

出典

2012-01-10 14:22:07 Sanosay

ASP.NETコンテンツページのJavaScriptエラー

答えて

関連する問題