Attribut innerText du HTML DOM

Objet Element HTML DOM

innerTextDéfinir ou retourner le contenu texte du nœud spécifié.

L'attribut innerText peut être utilisé pour écrire du texte dynamique dans un document HTML. Ici, le texte n'est pas interprété comme un texte HTML, mais comme un texte ordinaire.

Si l'attribut innerText est défini, tous les descendants seront supprimés et remplacés par un seul nœud de texte contenant la chaîne spécifiée.

Cette propriété est similaire àtextContentl'attribut, mais textContent retourne le contenu textuel de tous les éléments, tandis que innerText retourne le contenu de tous les éléments exceptés <script> et <style>.

Pour définir ou retourner le contenu HTML de l'élément, utilisezinnerHTMLAttribut.

Syntaxe :

Retourner le contenu texte :

HTMLElement.innerText

Définir le contenu texte :

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

Compatibilité du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge l'attribut innerText :

Valeur de l'attribut

Détails techniques

Plus d'exemples

Ce exemple démontre la différence entre innerText, innerHTML et textContent :

<p id="x">Cet élément a de l'espace supplémentaire et contient un élément <span>span</span>./span>.</p>
<script>
function　getInnerText()　{
alert(document.getElementById("x").innerText);
}
function　getInnerHTML()　{
alert(document.getElementById("x").innerHTML);
}
function　getTextContent()　{
alert(document.getElementById("x").textContent);
}
</script>

L'attribut innerText retourne uniquement du texte, sans espaces et sans balises d'éléments internes.

L'attribut innerHTML retourne un texte avec des espaces et des balises d'éléments internes.

L'attribut textContent retourne un texte espacé, sans balises d'éléments internes.

Références associées

Référence HTML DOM :Attribut innerHTML HTML DOM

Référence HTML DOM :Attribut textContent HTML DOM

Objet Element HTML DOM