Propriedade innerText do Elemento DOM HTML

Definição e uso

innerText A propriedade define ou retorna o conteúdo de texto do elemento.

Notas:Configuração innerText Quando a propriedade é definida, todos os nós filhos serão removidos e substituídos por um novo nó de texto.

Veja também:

A propriedade textContent

Propriedade innerHTML

Exemplo

Obter o texto interno do elemento：

let text = element.innerText;

Experimente você mesmo

Sintaxe

Retornar o conteúdo de texto do elemento ou nó：

elemento.innerText

ou

node.innerText

Definir o conteúdo de texto do elemento ou nó：

elemento.innerText = text

ou

node.innerText = text

Valor da propriedade

Valor Descrição
text O conteúdo de texto do elemento.

Retorno

Tipo Descrição
String O conteúdo de texto do elemento e de todos os seus descendentes, exceto elementos <script> e <style>.

Diferenças entre innerHTML, innerText e textContent

A propriedade innerText retorna：

Apenas retorna o conteúdo de texto do elemento e de todos os seus descendentes, sem espaços em branco ocultos CSS e tags, exceto elementos <script> e <style>.

A propriedade innerHTML retorna：

O conteúdo de texto do elemento, incluindo todos os espaços em branco e tags HTML internas.

A propriedade textContent retorna：

O conteúdo de texto do elemento e de todos os seus descendentes, com espaços em branco e texto oculto CSS, mas sem tags.

Exemplo HTML

<p id="myP">   Este elemento tem espaçamento extra     e contém <span>um elemento <span>span</span></span>.</p>

Exemplo de JavaScript

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

Experimente você mesmo

Neste exemplo acima：

A propriedade innerText retorna：

Este elemento tem espaçamento extra e contém um elemento <span>span</span>.

A propriedade innerHTML retorna：

   Este elemento tem espaçamento extra e contém <span>um elemento <span>span</span></span>.

A propriedade textContent retorna：

   Este elemento tem espaçamento extra e contém um elemento <span>span</span>.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 10-11 Suporte Suporte Suporte Suporte