Proprietà textContent dell'HTML DOM

Oggetto Element HTML DOM

textContentAttributo che imposta o restituisce il contenuto testuale del nodo specificato e di tutti i suoi figli.

Impostare textContent su un nodo elimina tutti i figli del nodo e li sostituisce con un singolo nodo di testo con il testo fornito.

L'attributo textContent è simile ainnerTextAttributo, ma ci sono alcune differenze:

• textContent restituiscetuttiil testo dell'elemento, mentre innerText restituiscetranne elementi <script> e <style>fuoridi tutti gli elementi.

• innerText non restituisce il testo degli elementi nascosti nel CSS (textContent lo fa)

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

Sintassi:

Restituisce il contenuto testuale del nodo:

node.textContent

Imposta il contenuto testuale del nodo:

node.textContent = text

var x = document.getElementById("para").textContent;

Compatibilità del browser

Tutti i browser supportano completamente l'attributo textContent:

Valore dell'attributo

Dettagli tecnici

Altri esempi

Cambia il contenuto del testo dell'elemento <p> utilizzando id="para":

var x = document.getElementById("para");
x.textContent = "HELLO WORLD";

Restituisce tutto il contenuto testuale dell'elemento DIV:

var x = document.getElementById("container").textContent;

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

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

Riferimento HTML DOM:HTMLElementProprietà .innerText

Riferimento HTML DOM:elementoProprietà .innerHTML

Oggetto Element HTML DOM