Propriedade textContent

A propriedade textContent permite obter e alterar o texto de um elemento.

Sintaxe

javascriptelemento.textContent;

Exemplo

Vamos exibir o texto do elemento:

html<p id="elem">texto</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Resultado da execução do código:

javascript'texto'

Exemplo

Vamos alterar o texto do elemento:

html<p id="elem">texto</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Resultado da execução do código:

html<p id="elem">!!!</p>

Exemplo

Se o texto do elemento contém tags, ao ler a propriedade, essas tags não serão exibidas:

html<p id="elem"><b>texto</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Resultado da execução do código:

javascript'texto'

Veja também

  • a propriedade innerHTML,
    que contém o código HTML do elemento
  • a propriedade outerHTML,
    que contém o código HTML externo do elemento