JavaScript TextContent | Explicado

En JavaScript, hay varias propiedades que se pueden usar para acceder y modificar el contenido de las etiquetas HTML I.mi. contenido del texto, intexto, y innerhtml. El contenido del texto La propiedad devuelve todo el texto contenido por un elemento/nodo y todos sus descendientes, incluidos los espacios y el texto oculto de CSS, excepto las etiquetas. La propiedad InnteText devuelve todo el contenido de texto de un nodo/elemento y sus elementos infantiles, pero sin espacios y etiquetas HTML, excepto el estilo y las etiquetas de script. Mientras que la innerhtml Devuelve todo el texto contenido por un elemento que incluye espacios y etiquetas HTML.

Esta publicación explicará los aspectos de la lista de abajo con respecto al contenido del texto propiedad:

• ¿Qué es TextContent en JavaScript?
• Sintaxis básica
• ¿Qué devuelve TextContent Property?
• Cómo usar TextContent en JavaScript

Entonces, comencemos!

¿Qué es TextContent en JavaScript?

Es una propiedad que nos permite obtener o establecer el contenido de texto de un nodo, o un elemento. Configurar la propiedad TextContent eliminará y reemplazará los nodos infantiles con el nuevo nodo de texto.

Sintaxis básica

El fragmento dado a continuación mostrará cómo obtener/devolver el contenido de texto de un nodo o elemento:

elemento.TextContent | nodo.contenido del texto

Consideremos el siguiente fragmento para comprender cómo establecer el contenido de texto de un nodo o elemento:

elemento.TextContent = Text | nodo.TextContent = Text

¿Qué devuelve TextContent Property?

En JavaScript, la propiedad TextContent devuelve el contenido de un elemento/nodo y todos sus descendientes (nodos infantiles). Devuelve nulo si el elemento/nodo es un tipo de documento/notación.

Cómo usar la propiedad TextContent en JavaScript

Hasta ahora, hemos terminado con la parte teórica de la propiedad TextContent. Ahora, avancemos un paso adelante para implementar todos estos conceptos teóricos prácticamente.

Ejemplo 1: Consideremos el código dado a continuación para comprender cómo obtener/devolver el contenido de texto de un elemento utilizando la propiedad TextContent en JavaScript:

> Bienvenido a Linuxhint.comunicarse

En el fragmento de código anterior, en primer lugar, utilizamos el getElementById () para seleccionar el elemento H2 con el ID 'Saludos'. Posteriormente, accedimos a la propiedad TextContent para mostrar el texto del nodo.

Así es como la propiedad TextContent modifica el texto de un elemento en JavaScript.

Ejemplo2: Cómo establecer el contenido textual de un elemento usando la propiedad TextContent:

Propiedad de textcontent

HAZ CLICK EN MI

El bloque de código anterior producirá la siguiente salida:

Así es como la propiedad TextContent establece el texto en JavaScript.

Conclusión

En JavaScript, la propiedad TextContent nos permite obtener o establecer el contenido de texto de un nodo, o un elemento. Configurar la propiedad TextContent eliminará y reemplazará los nodos infantiles con el nuevo nodo de texto. La propiedad TextContent devuelve el contenido de un elemento/nodo y todos sus descendientes (nodos infantiles). Devuelve nulo si el elemento/nodo es un documento/notación/tipo de documento. Este artículo explicó qué es TextContent, qué devuelve y cómo usarlo en JavaScript.