document.getElementById().innerText in Chrome

Question

Quick Cross Browser JS question, when setting the value of a textbox:

document.getElementById("balanceText").innerText = "111";

and

document.getElementById("balanceText").value = "111";

Both Work grand in IE,

But they will not work in Chrome, FF, Opera or Safari.

Is there an alternate method that will work in these browsers ?

What does your markup look like? – Joe Oct 10 '11 at 14:23 — Joe, Oct 10 '11 at 14:23

score 14 · Accepted Answer · answered Oct 10 '11 at 14:23

14

All else being equal document.getElementById("balanceText").value = "111"; works fine in every significant* browser that supports JS.

Make sure that you have one, and only one, element with id="balanceText" and that it actually has that as its id and not just the name.

* you don't care about NS 4 do you?

answered Oct 10 '11 at 14:23

Quentin

1

Fwiw (not much), the `value` property works fine in NS 4 (and indeed NS 3 and NS 2). It's just the `document.getElementById` bit that doesn't. – Tim Down Oct 10 '11 at 14:42
Furthermore, using `innerText` on text boxes doesn't work in some browsers (Firefox, for example), so should be discouraged. – Tim Down Oct 10 '11 at 14:44

1 Answers1