Propriedade innerText do HTML DOM

Objeto Elemento do HTML DOM

innerTextAtributo define ou retorna o conteúdo de texto do nó especificado.

O atributo innerText pode ser usado para escrever texto dinâmico em documentos html. Aqui, o texto não é interpretado como texto html, mas como texto normal.

Se o atributo innerText for definido, todos os nós filhos serão removidos e substituídos por um único nó de texto contendo a string especificada.

Esta propriedade é semelhante atextContentA propriedade textContent retorna o conteúdo de texto de todos os elementos, enquanto innerText retorna o conteúdo de todos os elementos exceto <script> e <style>.

Para definir ou retornar o conteúdo HTML do elemento, use o atributoinnerHTMLAtributo.

Sintaxe:

Retornar conteúdo de texto:

HTMLElement.innerText

Definir conteúdo de texto:

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

Compatibilidade do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o atributo innerText:

Valor do atributo

Detalhes técnicos

Mais exemplos

Este exemplo demonstra a diferença entre innerText, innerHTML e textContent:

<p id="x">Este elemento possui espaçamento adicional e contém um elemento <span>span</span></p>/span>.</p>
<script>
function getInnerText() {}}
alert(document.getElementById("x").innerText);
}
function getInnerHTML() {
alert(document.getElementById("x").innerHTML);
}
function getTextContent() {
alert(document.getElementById("x").textContent);
}
</script>

A propriedade innerText retorna apenas o texto, sem espaços e etiquetas internas de elementos.

A propriedade innerHTML retorna o texto com espaços e etiquetas internas de elementos.

A propriedade textContent retorna o texto com espaços, mas sem etiquetas internas de elementos.

Referências Relacionadas

Referência do HTML DOM:Propriedade innerHTML do HTML DOM

Referência do HTML DOM:Propriedade textContent do HTML DOM

Objeto Elemento do HTML DOM