document.getelementById().innerText doesn't on firefox

Question

Need use javascript get a asp.net label text, below javascript works fine for IE and Chrome, but not Firefox, how to make it work for all browsers.

function showThumbnails_OnClick() {

        var id = document.getElementById('lblId').innerText;

        if (ChkBox.checked) {
            location.href = 'Result.aspx?Id=' + id;
        }

    }

<asp:Label ID="lblId" runat="server" Text="">

see http://stackoverflow.com/questions/1359469/innertext-works-in-ie-but-not-in-firefox — Tamil Selvan C, Oct 16 '13 at 17:28

score 2 · Answer 1 · answered Oct 16 '13 at 17:30

2

Change .innerText to .textContent

answered Oct 16 '13 at 17:30

Rohit

300
1
11

textContent is not equivalent to innerHTML (eg newlines) see clubajax.org/plain-text-vs-innertext-vs-textcontent – Jim W Oct 16 '13 at 18:11
2

It's not but, it does solve the problem that the OP is having. – Rohit Oct 16 '13 at 18:23

score 1 · Accepted Answer · answered Oct 16 '13 at 17:32

1

you will have to write a function that handle both cases:

function showThumbnails_OnClick() {
    var element = document.getElementById('lblId');
    var id = element.innerText || element.textContent;

    if (ChkBox.checked) {
        location.href = 'Result.aspx?Id=' + id;
    }

}

answered Oct 16 '13 at 17:32

Ibu

42,752
13
76
103

textContent is not equivalent to innerHTML (eg newlines) see http://clubajax.org/plain-text-vs-innertext-vs-textcontent/ – Jim W Oct 16 '13 at 18:10
1

@JimW yes it is not. never said it was. it only returns the text without any html in it. Maybe that's exactly what the op needs – Ibu Oct 16 '13 at 18:13
@JimW This solution solves the OP's problem. Just because textContent and innerHTML aren't equivalent doesn't mean that you downvote the answers that solve the problem. – Rohit Oct 16 '13 at 18:27
1

@Rohit my bad, you're right. – Jim W Oct 16 '13 at 19:54

score 1 · Answer 3 · answered Jun 10 '14 at 05:31

1

To make sure it will work on IE and FF.

var c_id = document.getElementById("lblId");
var id = (c_id.textContent == undefined) ? c_id.innerText : c_id.textContent;

answered Jun 10 '14 at 05:31

A Ghazal

2,693
1
19
12

document.getelementById().innerText doesn't on firefox

3 Answers3