'innerText" fonctionne sous IE mais pas sous Firefox

Firefox utilise le Conforme au W3C textContent propriété.

Je suppose Safari et Opera en charge cette propriété.

Si vous avez seulement besoin de définir un contenu de texte et de ne pas récupérer, voici un trivial DOM version que vous pouvez utiliser sur n'importe quel navigateur; il ne nécessite pas le IE innerText extension ou le DOM Niveau 3 de Base textContent propriété.

function setTextContent(element, text) {
    while (element.firstChild!==null)
        element.removeChild(element.firstChild); //remove all existing content
    element.appendChild(document.createTextNode(text));
}

Comme par Prakash K la réponse de Firefox ne prend pas en charge la propriété innerText. Ainsi, vous pouvez simplement vérifier si l'agent de l'utilisateur prend en charge cette propriété et d'agir en conséquence comme ci-dessous:

function changeText(elem, changeVal) {
    if (typeof elem.textContent !== "undefined") {
        elem.textContent = changeVal;
    } else {
        elem.innerText = changeVal;
    }
}

Noter que le Element::innerText propriété pas contiennent le texte qui a été caché par des feuilles de styles CSS "display:none" dans Google Chrome (ainsi il fera tomber le contenu qui a été masqué par d'autres CSS technique (y compris la police-taille:0, couleur:transparent, et quelques autres effets semblables qui causent le texte afin de ne pas priver de toute manière visible).

D'autres propriétés CSS sont également considérés comme :

• D'abord le "display:" le style des éléments internes est analysée afin de déterminer si elle délimite un bloc de contenu (tels que "display:block" qui est la valeur par défaut de l'HTML pour les éléments de bloc dans le navigateur intégré de la feuille de style, et dont le comportement n'a pas été remplacé par votre propre feuille de style CSS); si donc un retour à la ligne sera insérée dans la valeur de la propriété innerText. Cela n'arrivera pas avec la textContent propriété.
• Les propriétés CSS qui génèrent de contenu en ligne sera également pris en considération : par exemple l'élément inline <br \> qui génère une ligne nouvelle ligne permettra également de générer un saut de ligne dans la valeur de innerText.
• Le "display:inline" style provoque pas de saut de ligne soit en textContent ou innerText.
• Le "display:table de style" génère des retours à la ligne autour de la table et entre les lignes de la table, mais"display:table-cell" va générer un caractère de tabulation.
• La "position:absolute" de la propriété (utilisé avec display:block ou display:inline, il n'a pas d'importance) va également provoquer un saut de ligne à insérer.
• Certains navigateurs comprendra également un espace de séparation entre les travées

Mais Element::textContent va contenir TOUS les contenus de l'intérieur, des éléments de texte indépendamment de la CSS, même s'ils sont invisibles. Et sans supplément de retours à la ligne ou des espaces sera généré dans textContent, qui ignore tous les styles et la structure et inline/bloc positionné ou types d'éléments internes.

Un copier/coller à l'aide de la sélection de la souris va rejeter le texte caché dans le format de texte brut qui est mis dans le presse-papiers, de sorte qu'il ne contient pas tout dans la textContent, mais seulement ce qui est dans innerText (après espaces/newline génération comme ci-dessus).

Les deux propriétés sont ensuite pris en charge dans Google Chrome, mais leur contenu est différent. Les navigateurs plus anciens encore inclus dans innetText tout comme ce que textContent contient maintenant (mais leur comportement en relation avec la génération d'alors des espaces/retours à la ligne était incompatible).

jQuery permettra de résoudre ces incohérences entre les navigateurs à l'aide de la ".text()" ajout de la méthode à l'analyse des éléments qu'elle renvoie par l'intermédiaire d'un $() de la requête. En interne, il permet de résoudre les difficultés par la recherche dans le DOM HTML, fonctionne seulement avec le "nœud" de niveau. De sorte qu'il sera de retour à la recherche de quelque chose de plus comme la norme de textContent.

Le problème est que cette méthode jQuery va pas insérer d'espaces supplémentaires ou des sauts de ligne qui peuvent être visibles sur l'écran causée par des sous-éléments (comme <br />) du contenu.

Si vous le design de quelques scripts pour l'accessibilité et votre feuille de style est analysé pour les non-aural rendu, tels que les plug-ins utilisés pour communiquer avec un lecteur Braille, cet outil devrait utiliser le textContent si elle doit inclure les signes de ponctuation qui sont ajoutés dans les travées de style avec "display:none" et qui sont généralement inclus dans des pages (par exemple pour les exposants/indices), sinon le innerText sera très confusive sur le lecteur Braille.

Textes cachés par CSS astuces sont généralement ignorés par les moteurs de recherche principaux (qui va aussi analyser le CSS de vos pages HTML, et aussi d'ignorer les textes qui ne sont pas dans des couleurs contrastées sur l'arrière-plan) à l'aide de HTML/CSS et l'analyseur de la propriété DOM "innerText" exactement comme dans visuelle moderne navigateurs (au moins cette invisible le contenu ne sera pas indexé de façon cachée texte ne peut pas être utilisé comme une astuce pour forcer l'inclusion de certains mots-clés dans la page pour vérifier son contenu) ; mais ce texte masqué sera toujours affiché dans la page de résultat (si la page était encore qualifié de l'index pour être inclus dans les résultats), à l'aide de la "textContent" de la propriété au lieu de la pleine HTML pour dépouiller les autres styles et des scripts.

SI vous attribuer certains de texte brut dans l'une de ces deux propriétés, cela va écraser l'intérieur de balisage et de styles appliquées (uniquement l'assigné de l'élément de maintenir son type, les attributs et les styles), de sorte que les deux propriétés seront alors contiennent le même contenu. Cependant, certains navigateurs ne sont désormais plus l'honneur de l'écrire à innerText, et ne permettez-vous d'écraser le textContent propriété (vous ne pouvez pas insérer des balises HTML lors de l'écriture de ces propriétés, comme HTML des caractères spéciaux seront correctement codé à l'aide de références à des caractères numériques apparaissent littéralement, si vous lisez ensuite la innerHTML bien, après la cession de innerText ou textContent.

innerText a été ajouté à Firefox et devrait être disponible dans le FF45 de presse: https://bugzilla.mozilla.org/show_bug.cgi?id=264412

Un projet de spec a été rédigé et devrait être intégrée dans le code HTML du niveau de vie dans l'avenir: http://rocallahan.github.io/innerText-spec/, https://github.com/whatwg/html/issues/465

Noter qu'actuellement, le Firefox, Chrome et IE implémentations sont incompatibles. À l'avenir, nous pouvons sans doute s'attendre à Firefox, Chrome et Bord à converger alors que les anciens IE reste incompatible.

Voir aussi: https://github.com/whatwg/compat/issues/5

Que en 2016 à partir de Firefox v45, innerText fonctionne sur firefox, prendre un coup d'oeil à son soutien: http://caniuse.com/#search=innerText

Si vous voulez qu'il fonctionne sur les versions précédentes de Firefox, vous pouvez utiliser textContent, qui a meilleure prise en charge sur Firefox, mais pire encore, sur les anciennes versions IE: http://caniuse.com/#search=textContent

Tout renouvellement de commentaires sous le post original. innerHTML fonctionne dans tous les navigateurs. Grâce stefita.

myElement.innerHTML = "foo";

Il est également possible d'émuler innerText comportement dans les autres navigateurs:

 if (((typeof window.HTMLElement) !== "undefined") && ((typeof HTMLElement.prototype.__defineGetter__) !== "undefined")) {
     HTMLElement.prototype.__defineGetter__("innerText", function () {
         if (this.textContent) {
             return this.textContent;
         } else {
             var r = this.ownerDocument.createRange();
             r.selectNodeContents(this);
             return r.toString();
         }
     });
     HTMLElement.prototype.__defineSetter__("innerText", function (str) {
         if (this.textContent) {
             this.textContent = str;
         } else {
             this.innerHTML = str.replace(/&/g, '&amp;').replace(/>/g, '&gt;').replace(/</g, '&lt;').replace(/\n/g, "<br />\n");
         }
     });
 }