tutoriais mais recente desenvolvimento web
 

HTML DOM textContent Propery

<Elemento de objeto

Exemplo

Obter o conteúdo do texto do primeiro <button> elemento no documento:

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

O resultado x será:

Try it Yourself »
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

Os conjuntos textContent propriedade ou retorna o conteúdo textual do nó especificado, e todos os seus descendentes.

Se você definir a propriedade textContent, todos os nós filho são removidos e substituídos por um único nó de texto que contém a seqüência de caracteres especificada.

Dica: Às vezes, essa propriedade pode ser usada em vez do nodeValue propriedade, mas lembre-se que esta propriedade retorna o texto de todos os nós filhos também.

Dica: Para definir ou retornar o conteúdo HTML de um elemento, use o innerHTML propriedade.

Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.

Propriedade
textContent 1.0 9 sim sim sim

Sintaxe

Retornar o conteúdo de texto de um nó:

node .textContent

Defina o conteúdo de texto de um nó:

node .textContent= text

Valores de propriedade

Valor Tipo Descrição
texto Corda Especifica o conteúdo de texto do nó especificado

Detalhes técnicos

Valor de retorno: A String, que representa o texto do nó e todos os seus descendentes
DOM Versão Núcleo Nível 3 Nó Objeto
Exemplos

mais Exemplos

Exemplo

Alterar o conteúdo textual de um <p> elemento com id = "MJ":

document.getElementById("demo").textContent = "Paragraph changed!";
Tente você mesmo "

Exemplo

Obter todo o conteúdo textual de um <ul> elemento com id = "myList":

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

O valor de x será:

Coffee Tea
Tente você mesmo "

Exemplo

Este exemplo demonstra as diferenças entre o textContent e innerHTML propriedade:

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;
}
Tente você mesmo "

<Elemento de objeto