getElementById 成功一次然后返回 null

2024-03-14

我是 JavaScript 新手,这让我抓狂。 我试图根据标志的值(“IsValid”)设置标签的文本和颜色(“lblerrmsg”)。我在 .js 文件中编写了一个函数,并将其附加到我用 VS 构建的网站。

该功能 - 特别是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>

ErrMsg.outerHTML = 'valid';

如果你这样做,你就销毁了之前的 ErrMsg,新的内容将不再有 id(这样就无法通过 getElementById 找到它)。

您确定不需要 innerHTML 吗?

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

getElementById 成功一次然后返回 null 的相关文章

随机推荐