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 | Sí | Sí | Sí |
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 |
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 "