HTML DOM textContent attribut

Objet Element HTML DOM

textContentL'attribut text définit ou retourne le contenu texte du noeud spécifié et de tous ses enfants.

Définir textContent sur un noeud supprime tous les enfants du noeud et les remplace par un seul noeud texte avec le texte donné.

L'attribut textContent est similaire àinnerTextL'attribut innerText est similaire à

• textContent retournetousle contenu texte de l'élément, tandis que innerText retournesauf <script> et <style> élémentsdede tous les éléments.

• innerText ne retourne pas le texte des éléments cachés dans le CSS (textContent le fait)

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

Syntaxe :

Retourne le contenu texte du noeud :

node.textContent

Définir le contenu texte du noeud :

node.textContent = text

var x = document.getElementById("para").textContent;

Compatibilité du navigateur

Tous les navigateurs prennent en charge complètement l'attribut textContent :

Valeur de l'attribut

Détails techniques

Plus d'exemples

Modifiez le contenu texte de l'élément <p> en utilisant id="para" :

var x = document.getElementById("para");
x.textContent = "HELLO WORLD";

Retourne tout le contenu texte du élément DIV :

var x = document.getElementById("container").textContent;

Ce exemple 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>

La propriété innerText retourne uniquement le texte, sans espaces et sans balises internes.

La propriété innerHTML retourne le texte avec des espaces et des balises internes.

La propriété textContent retourne le texte espacé, sans balises internes.

Références associées

Référence HTML DOMHTMLElementPropriété .innerText

Référence HTML DOMélémentPropriété .innerHTML

Objet Element HTML DOM