Firefox issues inserting text into span element

[ddolheguy]

I'm having trouble pre-filling information into html <span> elements
using javascript, just with Firefox. IE seems to work fine.


I'm using the following:

<script language='JavaScript'>

document.getElementbyid("lblText").innerText = 'test';

</script>

<span id='lblText'></span>

Can someone please suggest other ways I could do this?

 

[RobG]

I'm having trouble pre-filling information into html <span> elements
using javascript, just with Firefox. IE seems to work fine.


I'm using the following:

<script language='JavaScript'>

The language attribute is deprecated, type is required:

document.getElementbyid("lblText").innerText = 'test';

innerText is an IE invention, it is not supported by Firefox (or most
other browsers). If you are writing simple content, and wish to
completely replace what is already there, then you can use the
non-standard but widely supported innerHTML:

document.getElementbyid("lblText").innerHTML = 'test';


For more complex stuff, you should probably use DOM methods.

</script>

<span id='lblText'></span>

You should have the element before the script, it will almost certainly
error anyway because when the script runs, the element hasn't been
created yet.

 

[James Black]

I'm having trouble pre-filling information into html <span> elements
using javascript, just with Firefox. IE seems to work fine.


I'm using the following:

<script language='JavaScript'>

document.getElementbyid("lblText").innerText = 'test';

</script>

<span id='lblText'></span>

As was mentioned, using innerText is not always going to work.

So, just use:

document.getElementById("lblText").appendChild(document.createTextNode("test"));