Javascript 通过 insidehtml 更改标签文本不起作用

Question

我有这个 javascript 函数：

function validateFile() {
            var file = document.getElementById('fuCSV');
            if (file.value == "") {
                document.getElementById('<%=lblStatus.ClientID%>').innerhtml = "Please select a file to upload. Client!";
                return false;
            }
            else {
                document.getElementById('<%=lblStatus.ClientID%>').innerhtml = "";
                return true;
            }
        }

它在按钮的 OnClientClick 事件上调用，如下所示：

<asp:Button ID="btnImport" runat="server" Text="Import" OnClientClick="return validateFile();" CausesValidation = "true"
            UseSubmitBehavior ="true" OnClick="btnImport_Click" />

我正在尝试更改标签 lblStatus 的文本validateFile() 方法，但文本没有改变。但是，在调试时...QuickWatch 显示更改后的值。可能是什么原因造成的？我该如何解决这个问题？

Answer 1

我曾建议使用 innerText 但显然，符合 W3C 的方法是使用 textContent：

document.getElementById('<%=lblStatus.ClientID%>').textContent = "Please select a file to upload. Client!";

请参阅 Mozilla 文档位于此处。

Answer 2

在属性上使用正确的大小写：innerHTML

http://www.tizag.com/javascriptT/javascript -innerHTML.php

Answer 3

JavaScript 区分大小写，如果您设置 innerhtml 属性而不是 innerHTML，您将看不到任何内容。

Answer 4

var e = document.getElementById("fName_err");
e.innerHTML = "** Enter first name";

获取要在 e 中提供输出的 id。