Obtenha e defina o conteúdo de texto de um elemento

Para definir e obter o conteúdo de texto de um elemento e seus descendentes, você usa a textContentpropriedade do elemento:

element.textContentLinguagem de código:  CSS  ( css )

Observe que textContentremove todas as tags HTML antes de retorná-las.

O exemplo a seguir retorna o conteúdo de texto do elemento cujo id é container:

const el = document.querySelector('#container');
console.log(el.textContent);Linguagem de código:  JavaScript  ( javascript )

E o seguinte define o conteúdo do texto do elemento contêiner:

const el = document.querySelector('#container');
el.textContent = 'Just simple text';Linguagem de código:  JavaScript  ( javascript )

A maioria dos navegadores modernos oferece suporte à textContentpropriedade. O IE8 usa o innerTextem vez disso.

Se o seu aplicativo da web oferecer suporte ao IE8, você poderá usar o código a seguir para obter o conteúdo de texto de um elemento:

const el = document.querySelector('#container');
const text = el.textContent || el.innerText;Linguagem de código:  JavaScript  ( javascript )

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *