HTMLElement : proprit innerText

Baseline

Large disponibilit

Cette fonctionnalit est bien tablie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 2016.

Voir la compatibilit complte
En savoir plus

La proprit innerText de l'interface HTMLElement reprsente le contenu textuel affich d'un nud et de ses descendants.

En lecture, elle correspond approximativement au texte que l'utilisateurice obtiendrait en slectionnant le contenu de l'lment avec le curseur puis en le copiant dans le presse-papiers. En criture, elle remplace les enfants de l'lment par la valeur donne, en convertissant les sauts de ligne en lments HTML <br>.

Note : Il est facile de confondre innerText avec Node.textContent, mais il existe des diffrences importantes entre les deux. En rsum, innerText tient compte de l'apparence affiche du texte, alors que textContent non.

Valeur

Une chane de caractres reprsentant le contenu textuel affich d'un lment.

Si l'lment lui-mme n'est pas affich (angl.) (par exemple, s'il est dtach du document ou cach la vue), la valeur retourne est la mme que celle de la proprit Node.textContent.

Attention : Dfinir innerText sur un nud supprime tous les enfants du nud et les remplace par un seul nud texte contenant la chane de caractres fournie.

Exemples

Cet exemple compare innerText avec Node.textContent. Remarquez que innerText prend en compte des lments comme <br> et ignore les lments cachs.

HTML

html

<h3>lment source&nbsp;:</h3>
<p id="source">
  <style>
    #source {
      color: red;
    }
    #text {
      text-transform: uppercase;
    }
  </style>
  <span id="text">
    Regardez<br />
    comment ce texte<br />
    est interprt ci-dessous.
  </span>
  <span >TEXTE CACH</span>
</p>
<h3>Rsultat de textContent&nbsp;:</h3>
<textarea id="textContentOutput" rows="18" cols="40" readonly></textarea>
<h3>Rsultat de innerText&nbsp;:</h3>
<textarea id="innerTextOutput" rows="6" cols="40" readonly></textarea>

JavaScript

const source = document.getElementById("source");
const textContentOutput = document.getElementById("textContentOutput");
const innerTextOutput = document.getElementById("innerTextOutput");

textContentOutput.value = source.textContent;
innerTextOutput.value = source.innerText;

Rsultat

Spcifications

Spcification
HTML # the-innertext-idl-attribute

Compatibilit des navigateurs

Voir aussi

La proprit HTMLScriptElement.innerText
La proprit HTMLElement.outerText
La proprit Element.innerHTML

Aider amliorer MDN

Cette page vous a-t-elle t utile ?

Oui Non

Apprendre contribuer

Cette page a t modifie le 6 janv. 2026 par les contributeurices du MDN.

Voir cette page sur GitHub Signaler un problme avec ce contenu