javascript - 让标签在按钮单击时显示并在几秒钟后消失

Question

我似乎无法弄清楚为什么这不起作用。它给了我这个错误“Microsoft JScript 运行时错误：无法获取属性'style'的值：对象为空或未定义”

  var timeoutID;

function delayedAlert() {
    document.getElementById('<%= Label3.ClientID %>').style.display = 'inherit';
        timeoutID = window.setTimeout(labelhide, 3000);
}

function labelhide() {
    document.getElementById('<%= Label3.ClientID %>').style.display = 'none';
}

按钮代码

<asp:Button ID="Button1" runat="server"  Onclick = "Button1_Click" 
            OnClientClick = "javascript:delayedAlert(); return SubmitForm();" 
            Text="Submit" Width="98px"

这是我的标签3

<asp:Label ID="Label3" runat="server" Text="Entry Successful!" Visible="False" ForeColor="Lime"></asp:Label>

这就是上面代码中新错误所说的内容。

Answer 1

Label3发生错误是因为找不到该元素。请验证您是否ClientIDMode="Static"在标签声明中。如果没有，您必须使用ClientID，如下所示：

document.getElementById('<%= Label3.ClientID %>').style.display = 'inherit';