Proprietà innerText dell'Elemento DOM HTML

Definizione e uso

innerText La proprietà restituisce o imposta il contenuto testuale dell'elemento.

Nota:Impostazione innerText Quando si impostano le proprietà, tutti i nodi figli vengono eliminati e sostituiti da un nuovo nodo di testo.

Si prega di consultare:

Attributo textContent

L'attributo innerHTML

Esempio

Ottieni il testo interno dell'elemento:

let text = element.innerText;

Prova tu stesso

Sintassi

Restituisce il testo dell'elemento o del nodo:

elemento.innerText

o

node.innerText

Imposta il testo dell'elemento o del nodo:

elemento.innerText = text

o

node.innerText = text

Valore dell'attributo

Valore Descrizione
text Il contenuto testuale dell'elemento.

Valore restituito

Tipo Descrizione
Stringa Il contenuto testuale degli elementi e di tutti i loro discendenti, eccetto gli elementi <script> e <style>.

Differenze tra innerHTML, innerText e textContent

L'attributo innerText restituisce:

Restituisce solo il contenuto testuale degli elementi e di tutti i loro figli, senza spazi e tag nascosti CSS, eccetto gli elementi <script> e <style>.

L'attributo innerHTML restituisce:

Il contenuto testuale dell'elemento, inclusi tutti gli spazi e i tag HTML interni.

L'attributo textContent restituisce:

Il contenuto testuale degli elementi e di tutti i loro discendenti, con spazi e testo nascosto CSS, ma senza etichette.

Esempio HTML

<p id="myP">   Questo elemento ha uno spazio extra     e contiene <span>un elemento span</span>.</p>

Esempi JavaScript

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

Prova tu stesso

Nell'esempio sopra:

L'attributo innerText restituisce:

Questo elemento ha uno spazio extra e contiene un elemento span.

L'attributo innerHTML restituisce:

   Questo elemento ha uno spazio extra e contiene <span>un elemento span</span>.

L'attributo textContent restituisce:

   Questo elemento ha uno spazio extra e contiene un elemento span.

浏览器支持

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

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