Para definir e obter o conteúdo de texto de um elemento e seus descendentes, você usa a textContent
propriedade do elemento:
element.textContent
Linguagem de código: CSS ( css )
Observe que textContent
remove 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 à textContent
propriedade. O IE8 usa o innerText
em 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 )