getElementByIdは成功した後にnullを返します

Question

私はjavascriptを初めて使用しています。 フラグ（ "IsValid"）の値に応じて、ラベル（ "lblerrmsg"）のテキストと色を設定しようとしています。私は.jsファイルに関数を書いて、それをVSで構築したWebサイトに添付しました。

特に、関数getElementById（ 'lblErrMsg'）は、最初に呼び出されたときに正しく機能しますが、サブクエリ呼び出しではnullを返します。 （これは関連性があるかどうかを知るしないでください - しかし、関数の呼び出しの間には柱がない）

次の関数の関連部分です：あなたはそれを行う場合

// If IsValid is false - make the text red 
var ErrMsg = document.getElementById('lblErrMsg'); 
if (IsValid) { 
    document.activeElement.style.color = 'navy'; 
    ErrMsg.outerHTML = 'valid'; 
} 
else { 
    document.activeElement.style.color = 'red'; 
    ErrMsg.outerHTML = "*** Invalid Entry ***"; 
    ErrMsg.style.color = 'red'; 
} 


<asp:TextBox ID="tbNumber" runat="server"></asp:TextBox> 
<asp:Label ID="lblErrMsg" runat="server" ForeColor="Red" 
    Text=" xxx" ></asp:Label> 

Answer 1

はあなたがあなたのフラグに応じて、CSSを制御することができ、この方法は

document.getElementById("blah").className = "cssclass"; 

をしたい場合は、CSSスタイルを変更するのdivまたは要素のクラス名を変更してみてください。

Answer 2

ErrMsg.outerHTML = 'valid'; 

、あなたは以前のErrMsgを破壊してしまい、新しいコンテンツはIDを持たなくなります（getElementByIdで見つけることができないようになります）。

本当にinnerHTMLが必要ないのですか？