innerText solution for Firefox

Question

I have written a lot of pages last month and today I realized that innerText doesn't work in Firefox. I found textContent, but I don't want to dig my tons of pages. Also sometimes I used jQuery.text, it seems to work everywhere.

So question: what is the simplest way out of this hell?

Answer 1

Search and replace innerText with the .text() function.

Answer 2

I would never use this in production code but...

if ( typeof HTMLElement != 'undefined' && HTMLElement.prototype.__defineGetter__ != 'undefined' ) {
    HTMLElement.prototype.__defineGetter__("innerText", function () {
        return this.textContent;
    });
}

Answer 3

What about using the DOM approach?

var elem = document.getElementById("ElementID");
var text = document.createTextNode("Text");
text.nodeValue += " and more Text";
elem.appendChild(text);

It's not so search-and-replace friendly, but it will guarantee you compatibility across the browsers.

You also may need to remove all the elements from the node if you use this approach. You can do that like:

while ( elem.hasChildNodes() ) {
    elem.removeChild( elem.firstChild );
}