Proprietà innerText dell'HTML DOM

Oggetto Elemento HTML DOM

innerTextImposta o restituisce il contenuto testuale del nodo specificato.

L'attributo innerText può essere utilizzato per scrivere testo dinamico in un documento HTML. In questo caso, il testo non viene interpretato come testo HTML, ma come testo normale.

Se si imposta l'attributo innerText, tutti i nodi figli vengono rimossi e sostituiti da un singolo nodo di testo che contiene la stringa specificata.

Questa proprietà è simile atextContentAttributo, ma textContent restituisce il contenuto testuale di tutti gli elementi, mentre innerText restituisce il contenuto di tutti gli elementi tranne <script> e <style>.

Per impostare o restituire il contenuto HTML dell'elemento, utilizzareinnerHTMLAttributo.

Sintassi:

Restituisce il contenuto del testo:

HTMLElement.innerText

Imposta il contenuto del testo:

HTMLElement.innerText = text

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

Compatibilità del browser

I numeri nella tabella specificano la versione del browser che supporta per la prima volta l'attributo innerText:

Valore dell'attributo

Dettagli tecnici

Più esempi

Questo esempio dimostra la differenza tra innerText, innerHTML e textContent:

<p id="x">L'elemento ha uno spazio aggiuntivo e contiene un elemento <span>span</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>

La proprietà innerText restituisce solo il testo, senza spazi e etichette di elementi interni.

La proprietà innerHTML restituisce il testo con spazi e etichette di elementi interni.

La proprietà textContent restituisce il testo con spazi, ma senza etichette di elementi interni.

Riferimenti correlati

Manuale di riferimento HTML DOM:Proprietà innerHTML HTML DOM

Manuale di riferimento HTML DOM:Proprietà textContent HTML DOM

Oggetto Elemento HTML DOM