Proprietà HTML DOM innerText
Esempio
Ottieni il testo interno di un elemento:
var x =
document.getElementById("myBtn").innerText;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà innerText imposta o restituisce il contenuto di testo del nodo specificato e tutti i suoi discendenti .
Se si imposta la proprietà innerText, tutti i nodi figlio vengono rimossi e sostituiti da un singolo nodo Text contenente la stringa specificata.
Nota: questa proprietà è simile alla proprietà textContent , tuttavia ci sono alcune differenze:
- textContent restituisce il contenuto testuale di tutti gli elementi, mentre innerText restituisce il contenuto di tutti gli elementi, ad eccezione degli elementi <script> e <style>.
- innerText non restituirà il testo degli elementi nascosti con CSS (textContent lo farà).
Suggerimento: per impostare o restituire il contenuto HTML di un elemento, utilizzare la proprietà innerHTML .
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
innerText | 4.0 | 10.0 | 45.0 | 3.0 | 9.6 |
Sintassi
Restituisce il contenuto testuale di un nodo:
node.innerText
Imposta il contenuto del testo di un nodo:
node.innerText = text
Valori di proprietà
Value | Type | Description |
---|---|---|
text | String | Specifies the text content of the specified node |
Dettagli tecnici
Valore di ritorno: | Una stringa, che rappresenta il contenuto di testo "renderizzato" di un nodo e di tutti i suoi discendenti |
---|
Altri esempi
Esempio
Questo esempio mostra alcune delle differenze tra innerText, innerHTML e textContent:
<p id="demo"> This element has extra spacing and contains <span>a span
element</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML()
{
alert(document.getElementById("demo").innerHTML)
}
function
getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
Ottieni il contenuto dell'elemento <p> sopra con le proprietà specificate:
innerText restituisce: "Questo elemento ha una spaziatura extra e contiene un elemento span."
innerHTML restituisce: " Questo elemento ha una spaziatura extra e contiene <span>un elemento span</span>."
textContent restituisce: " Questo elemento ha una spaziatura extra e contiene un elemento span."
La proprietà innerText restituisce solo il testo, senza spaziatura e tag dell'elemento interno.
La proprietà innerHTML restituisce il testo, inclusi tutti i tag di spaziatura e di elemento interno.
La proprietà textContent restituisce il testo con spaziatura, ma senza tag di elementi interni.