JavaScript TextContent | Expliqué

Dans JavaScript, il existe différentes propriétés qui peuvent être utilisées pour accéder et modifier le contenu des balises HTML I.e. continent textuel, texte de texte, et innerhtml. Le continent textuel la propriété renvoie tout le texte contenu par un élément / nœud et tous ses descendants, y compris les espaces et le texte caché CSS, à l'exception des balises. La propriété innerText renvoie tout le contenu du texte d'un nœud / élément et de ses éléments enfants mais sans étiquettes d'espacement et HTML, à l'exception des balises de style et de script. Tandis que le innerhtml Renvoie tout le texte contenu par un élément comprenant des espaces et des balises HTML.

Ce message expliquera les aspects ci-dessous concernant le continent textuel propriété:

• Qu'est-ce que TextContent en JavaScript
• Syntaxe de base
• Qu'est-ce que la propriété TextContent Retour
• Comment utiliser TextContent en JavaScript

Alors, commençons!

Qu'est-ce que TextContent en JavaScript

Il s'agit d'une propriété qui nous permet d'obtenir ou de définir le contenu texte d'un nœud ou d'un élément. La définition de la propriété TextContent supprimera et remplacera les nœuds enfants par le nouveau nœud de texte.

Syntaxe de base

L'extrait ci-dessous montrera comment obtenir / renvoyer le contenu texte d'un nœud ou d'un élément:

élément.TextContent | nœud.continent textuel

Prenons l'extrait ci-dessous pour comprendre comment définir le contenu texte d'un nœud ou d'un élément:

élément.textContent = Text | nœud.textContent = texte

Qu'est-ce que la propriété TextContent Retour

Dans JavaScript, la propriété TextContent renvoie le contenu d'un élément / nœud et de tous ses descendants (nœuds enfants). Il renvoie null si l'élément / nœud est un type de document / de notation.

Comment utiliser la propriété TextContent en JavaScript

Jusqu'à présent, nous en avons fini avec la partie théorique de la propriété TextContent. Maintenant, passons une longueur d'avance pour mettre en œuvre tous ces concepts théoriques pratiquement.

Exemple 1: Voyons le code donné ci-dessous pour comprendre comment obtenir / renvoyer le contenu texte d'un élément à l'aide de la propriété TextContent en JavaScript:

> Bienvenue sur Linuxhint.com

Dans l'extrait de code ci-dessus, premièrement, nous avons utilisé le GetElementById () pour sélectionner l'élément H2 avec les «salutations» d'ID. Par la suite, nous avons accédé à la propriété TextContent pour afficher le texte du nœud.

C'est ainsi que la propriété TextContent modifie le texte d'un élément en javascript.

Exemple2: Comment définir le contenu textuel d'un élément à l'aide de la propriété TextContent:

Propriété du contenu de texte

Cliquez sur moi

Le bloc de code ci-dessus produira la sortie suivante:

C'est ainsi que la propriété TextContent définit le texte en javascript.

Conclusion

Dans JavaScript, la propriété TextContent nous permet d'obtenir ou de définir le contenu texte d'un nœud ou d'un élément. La définition de la propriété TextContent supprimera et remplacera les nœuds enfants par le nouveau nœud de texte. La propriété TextContent renvoie le contenu d'un élément / nœud et de tous ses descendants (nœuds enfants). Il renvoie null si l'élément / nœud est un type de document / notation / document. Cet article expliquait ce qu'est TextContent, ce qu'il renvoie et comment l'utiliser dans JavaScript.