Atributo innerText del elemento DOM HTML

Definición y uso

innerText El atributo establece o devuelve el contenido de texto del elemento.

Nota:Configuración innerText Al establecer el atributo, todos los nodos secundarios se eliminarán y se reemplazarán por un nuevo nodo de texto.

Por favor, consulte:

Atributo de texto

Propiedad innerHTML

Ejemplo

Obtener el texto interno del elemento：

let text = element.innerText;

Prueba por ti mismo

Sintaxis

Devolver el contenido de texto del elemento o nodo：

elemento.innerText

o

nodo.innerText

Establecer el contenido de texto del elemento o nodo:

elemento.innerText = text

o

nodo.innerText = text

Valor de atributo

Valor Descripción
text El contenido de texto del elemento.

Valor de retorno

Tipo Descripción
Cadena El contenido de texto de los elementos y todos sus descendientes, excepto los elementos <script> y <style>.

Diferencias entre innerHTML, innerText y textContent

La propiedad innerText devuelve：

Sólo devuelve el contenido de texto de los elementos y todos sus descendientes, sin espacio en blanco oculto CSS y etiquetas, excepto los elementos <script> y <style>.

La propiedad innerHTML devuelve：

El contenido de texto del elemento, incluyendo todos los espacios en blanco y las etiquetas HTML internas.

La propiedad textContent devuelve：

El contenido de texto de los elementos y todos sus descendientes, con espacios en blanco y texto oculto CSS, pero sin etiquetas.

Ejemplo HTML

<p id="myP">   Este elemento tiene espacio adicional     y contiene <span>un elemento span</span>.</p>

Ejemplos de JavaScript

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

Prueba por ti mismo

En el ejemplo anterior：

La propiedad innerText devuelve：

Este elemento tiene espacio adicional y contiene un elemento span.

La propiedad innerHTML devuelve：

   Este elemento tiene espacio adicional y contiene <span>un elemento span</span>.

La propiedad textContent devuelve：

   Este elemento tiene espacio adicional y contiene un elemento span.

浏览器支持

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

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