Javascript not work with FireFox

Question

Possible Duplicate:
‘innerText’ works in IE, but not in Firefox

function stopped() {
    var this_row =  document.getElementById("row_1");
    var cells = this_row.getElementsByTagName("td");

    $('#starttime').html(cells[0].innerText);     
}

I have a javascript function above. It fills a form using the value from cells[0]. It works with IE and Chrome. But it cannot work with FireFox browser. I want to know whther there is any problem with my code. Thanks.

If you have jquery why not simply `var cells = $("#row_1 td")`? — Ash Burlaczenko, Nov 21 '12 at 17:03
Yes. If you're using jQuery, then use jQuery... If you're using pure Javascript, then use pure Javascript. I really don't like developers mixing the two without any particular performance-related reasons. — Robert Koritnik, Nov 21 '12 at 17:05
Why you are using pure Javascript selector and later `Jquery` selectors? Can I see the html code? — Tomas Ramirez Sarduy, Nov 21 '12 at 17:06

score 2 · Answer 1 · edited May 23 '17 at 11:43

The problem is `innerText`

The problem with your code is (as Dr.Molle also pointed out) the use of innerText property which Firefox doesn't understand as can be seen on QuirksMode page.

Firefox instead understands textContent property.

The solution

Rewrite your function to embrace jQuery and it should work cross-browser because jQuery was written to be a cross-browser library (to make our life easier with individual browser quirks):

function stopped() {
    $("#starttime").html($("#row_1 td:first-child").text());
}

score 1 · Accepted Answer · answered Nov 21 '12 at 17:05

1

use

$(cells[0]).text();

instead of

cells[0].innerText

innerText is a property introduced by IE and is not a w3c-standard(and not supported by firefox).

answered Nov 21 '12 at 17:05

Dr.Molle

116,463
16
195
201

Why would this solve his issue? – Ash Burlaczenko Nov 21 '12 at 17:06
because jQuery's text()-method isn't based on innerText – Dr.Molle Nov 21 '12 at 17:08
@AshBurlaczenko: Why wouldn't it? – Robert Koritnik Nov 21 '12 at 17:08
I wasn't saying it wouldn't. I was asking for an explanation. – Ash Burlaczenko Nov 21 '12 at 17:10
@AshBurlaczenko: Does my answer provide spec-related explanation for it? – Robert Koritnik Nov 21 '12 at 17:14
1

@AshBurlaczenko: It work because Jquery is a cross browser library, that's one of the advantages of using jQuery ;) – Tomas Ramirez Sarduy Nov 21 '12 at 17:15
@RobertKoritnik, yes everything is clear now. – Ash Burlaczenko Nov 21 '12 at 18:35

Javascript not work with FireFox

2 Answers2

The problem is innerText

The solution

The problem is `innerText`