Propriété HTML DOM innerText
Exemple
Obtenez le texte intérieur d'un élément :
var x =
document.getElementById("myBtn").innerText;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété innerText définit ou renvoie le contenu textuel du nœud spécifié et de tous ses descendants .
Si vous définissez la propriété innerText, tous les nœuds enfants sont supprimés et remplacés par un seul nœud Text contenant la chaîne spécifiée.
Remarque : Cette propriété est similaire à la propriété textContent , mais il existe quelques différences :
- textContent renvoie le contenu textuel de tous les éléments, tandis que innerText renvoie le contenu de tous les éléments, à l' exception des éléments <script> et <style>.
- innerText ne renverra pas le texte des éléments masqués avec CSS (textContent le fera).
Conseil : Pour définir ou renvoyer le contenu HTML d'un élément, utilisez la propriété innerHTML .
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
innerText | 4.0 | 10.0 | 45.0 | 3.0 | 9.6 |
Syntaxe
Renvoie le contenu textuel d'un nœud :
node.innerText
Définissez le contenu textuel d'un nœud :
node.innerText = text
Valeurs de propriété
Value | Type | Description |
---|---|---|
text | String | Specifies the text content of the specified node |
Détails techniques
Valeur de retour : | Une chaîne, représentant le contenu textuel "rendu" d'un nœud et de tous ses descendants |
---|
Plus d'exemples
Exemple
Cet exemple illustre certaines des différences entre innerText, innerHTML et textContent :
<p id="demo"> This element has extra spacing and contains <span>a span
element</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML()
{
alert(document.getElementById("demo").innerHTML)
}
function
getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
Obtenez le contenu de l'élément <p> ci-dessus avec les propriétés spécifiées :
innerText renvoie : "Cet élément a un espacement supplémentaire et contient un élément span."
innerHTML renvoie : " Cet élément a un espacement supplémentaire et contient <span>un élément span</span>."
textContent renvoie : " Cet élément a un espacement supplémentaire et contient un élément span."
La propriété innerText renvoie uniquement le texte, sans espacement ni balises d'élément internes.
La propriété innerHTML renvoie le texte, y compris toutes les balises d'espacement et d'élément interne.
La propriété textContent renvoie le texte avec espacement, mais sans balises d'élément internes.