Exemple
Obtenez le contenu du texte du premier <button> élément dans le document:
var x =
document.getElementsByTagName("BUTTON")[0].textContent;Le résultat de x sera:
Try it Yourself »
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés TextContent ou retourne le contenu textuel du noeud spécifié, et tous ses descendants.
Si vous définissez la propriété textContent, les nœuds enfants sont enlevés et remplacés par un seul nœud de texte contenant la chaîne spécifiée.
Astuce: Parfois , cette propriété peut être utilisée à la place de la nodeValue propriété, mais rappelez - vous que cette propriété renvoie le texte de tous les nœuds enfants aussi bien.
Conseil: Pour définir ou retourner le contenu HTML d'un élément, utilisez la innerHTML propriété.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| textContent | 1.0 | 9.0 | Oui | Oui | Oui |
Syntaxe
Retourne le contenu texte d'un nœud:
node .textContentDéfinir le contenu du texte d'un nœud:
node .textContent= text Valeurs de propriété
| Valeur | Type | La description |
|---|---|---|
| texte | Chaîne | Indique le contenu du texte du noeud spécifié |
Détails techniques
| Valeur de retour: | Une chaîne, ce qui représente le texte du nœud et tous ses descendants |
|---|---|
| version DOM | Niveau de base 3 Noeud objet |
autres exemples
Exemple
Modifier le contenu textuel d'un <p> élément avec id = « myP »:
document.getElementById("demo").textContent = "Paragraph changed!"; Essayez vous - même » Exemple
Obtenez tout le contenu textuel d'un <ul> élément avec id = « myList »:
var x = document.getElementById("myList").textContent;La valeur de x sera:
Coffee Tea Essayez vous - même » Exemple
Cet exemple montre les différences entre les textContent et la propriété innerHTML:
function getText() {
var x =
document.getElementById("myList").textContent;
document.getElementById("demo").innerHTML = x;
}
function
getHTML() {
var x =
document.getElementById("myList").innerHTML;
document.getElementById("demo").innerHTML = x;
} Essayez vous - même »