Los últimos tutoriales de desarrollo web
 

HTML DOM textContent Propery

<Elemento de objeto

Ejemplo

Obtener el contenido de texto del primer <button> elemento en el documento:

var x = document.getElementsByTagName("BUTTON")[0].textContent;

El resultado de x será:

Try it Yourself »
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

Los conjuntos TextContent propiedad o devuelve el contenido textual del nodo especificado, y todos sus descendientes.

Si se establece la propiedad textContent, nodos secundarios se eliminan y se sustituyen por un único nodo de texto que contiene la cadena especificada.

Consejo: A veces, esta propiedad puede ser utilizada en lugar de la nodeValue propiedad, pero recuerda que esta propiedad devuelve el texto de todos los nodos hijos también.

Consejo: para establecer o devolver el contenido HTML de un elemento, utilice el innerHTML propiedad.


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
textContent 1.0 9.0

Sintaxis

Devolver el contenido de texto de un nodo:

node .textContent

Establecer el contenido de texto de un nodo:

node .textContent= text

Valores de propiedad

Valor Tipo Descripción
texto Cuerda Especifica el contenido de texto del nodo especificado

Detalles técnicos

Valor de retorno: Una cadena, que representa el texto del nodo y todos sus descendientes
Versión DOM Nivel 3 Núcleo de objetos Nodo

Ejemplos

Más ejemplos

Ejemplo

Cambiar el contenido textual de un <p> elemento con id = "PAI":

document.getElementById("demo").textContent = "Paragraph changed!";
Inténtalo tú mismo "

Ejemplo

Obtener todo el contenido textual de un <ul> elemento con id = "miLista":

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

El valor de x será:

Coffee Tea
Inténtalo tú mismo "

Ejemplo

Este ejemplo demuestra las diferencias entre el textContent y la propiedad 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;
}
Inténtalo tú mismo "

<Elemento de objeto