InnerText alternative in mozilla

Varada picture Varada · May 16, 2011 · Viewed 10.3k times · Source

Does any one know innerText alternative of a span in mozilla? My span is

<span id='cell1'></span>  

and the javascript is

document.getElementById('cell1').innerText = 'Tenelol';

But Mozilla is not supporting this!!

Answer

alex picture alex · May 16, 2011

innerText is a proprietary IE thing. The W3C defines textContent as the official property.

An easy way is to exploit the || logical operator and its short circuiting nature, as well as JavaScript returning the last evaluated value in a condition (most times the truthy operand).

var body = document.body,
    text = body.textContent || body.innerText;

jsFiddle.

(Note in the fiddle I checked for the innerText first. This was only because most people on here do not use IE. IRL, check for textContent first, and fallback to innerText.)