JavaScript TextContent | Explicado
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 textoConsideremos 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.