Propriété innerText de l'élément DOM HTML

Définition et utilisation

innerText L'attribut définit ou renvoie le contenu texte de l'élément.

Remarque :Définir innerText Lorsque l'attribut est défini, tous les nœuds enfants sont supprimés et remplacés par un nouveau nœud texte.

Veuillez également consulter :

Propriété textContent

Propriété innerHTML

Exemple

Obtenir le texte interne de l'élément :

let text = element.innerText;

Essayez-le vous-même

Syntaxe

Retourner le contenu texte d'un élément ou d'un nœud :

element.innerText

ou

node.innerText

Définir le contenu texte d'un élément ou d'un nœud :

element.innerText = text

ou

node.innerText = text

Valeur de l'attribut

Valeur Description
text Le contenu texte de l'élément.

Retourne

Type Description
Chaîne Le contenu texte des éléments et de tous leurs descendants, sauf pour les éléments <script> et <style>.

Différences entre innerHTML, innerText et textContent

La propriété innerText retourne :

Retourne uniquement le contenu texte des éléments et de tous leurs descendants, sans espaces cachés CSS et balises, sauf pour les éléments <script> et <style>.

La propriété innerHTML retourne :

Le contenu texte de l'élément, y compris tous les espaces et les balises HTML internes.

La propriété textContent retourne :

Le contenu texte des éléments et de tous leurs descendants, avec des espaces et des textes cachés CSS, mais sans balises.

Exemple HTML

<p id="myP">   Cet élément a de l'espace supplémentaire     et contient <span>un élément <span>span</span></span>.</p>

Exemples JavaScript

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

Essayez-le vous-même

Dans l'exemple ci-dessus :

La propriété innerText retourne :

Cet élément a de l'espace supplémentaire et contient un élément <span>span</span>.

La propriété innerHTML retourne :

   Cet élément a de l'espace supplémentaire et contient <span>un élément <span>span</span></span>.

La propriété textContent retourne :

   Cet élément a de l'espace supplémentaire et contient un élément <span>span</span>.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 10-11 Support Support Support Support