Javascript change label's text via innerhtml not working

Question

I have this javascript function:

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;
            }
        }

Its called on the Button's OnClientClick event like this:

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

I'm trying to change the text of the label lblStatus on validateFile() method, but the text is not changing. However, while debugging...QuickWatch shows the changed value. What might be the cause for it? how can I resolve this?

@Prusse: ya...its the case problem...thanks! I have wasted lots of time to find out the cause with no luck!!! — NaveenBhat
– NaveenBhat, Commented Oct 20, 2011 at 14:58

Icarus · Accepted Answer · 2011-10-21 15:06:34Z

3

I had suggested to use innerText but apparently, the W3C-compliant way of doing this is to use textContent:

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

See Mozilla's documentation here.

edited Oct 21, 2011 at 15:06

answered Oct 20, 2011 at 14:54

Icarus

64k14 gold badges102 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Niklas Wulff Over a year ago

Interesting, I didn't know about textContent

Niklas Wulff · Accepted Answer · 2011-10-20 14:50:43Z

1

Use correct casing on the property: innerHTML

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

answered Oct 20, 2011 at 14:50

Niklas Wulff

3,5323 gold badges26 silver badges45 bronze badges

Comments

mamoo · Accepted Answer · 2011-10-20 14:51:52Z

1

Javascript is case sensitive, if you set innerhtml property instead of innerHTML you won't see anything.

answered Oct 20, 2011 at 14:51

mamoo

8,1762 gold badges31 silver badges38 bronze badges

Comments

kleopatra · Accepted Answer · 2014-02-01 10:21:25Z

0

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

get the id where you want to give output in e.

edited Feb 1, 2014 at 10:21

kleopatra

51.6k28 gold badges103 silver badges220 bronze badges

answered Feb 1, 2014 at 10:04

Mayur Nalwaya

1

Collectives™ on Stack Overflow

Javascript change label's text via innerhtml not working

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related