Gli ultimi tutorial di sviluppo web
 

HTML DOM textContent Propery

<Oggetto Element

Esempio

Prendi il contenuto del testo del primo <button> elemento nel documento:

var x = document.getElementsByTagName("BUTTON")[0].textContent;

Il risultato di x sarà:

Try it Yourself »
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

I set TextContent proprietà o restituisce il contenuto testuale del nodo specificato, e tutti i suoi discendenti.

Se si imposta la proprietà textContent, nodi figli vengono rimossi e sostituiti da un unico nodo di testo che contiene la stringa specificata.

Suggerimento: A volte questa proprietà può essere usato al posto del nodeValue proprietà, ma ricordate che questa proprietà restituisce il testo di tutti i nodi figli pure.

Suggerimento: per impostare o restituire il contenuto HTML di un elemento, utilizzare l'innerHTML proprietà.

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.

Proprietà
textContent 1.0 9.0 sì sì sì

Sintassi

Restituire il contenuto del testo di un nodo:

node .textContent

Impostare il contenuto del testo di un nodo:

node .textContent= text

I valori delle proprietà

Valore Tipo Descrizione
testo Corda Specifica il contenuto di testo del nodo specificato

Dettagli tecnici

Valore di ritorno: Una stringa, che rappresenta il testo del nodo e tutti i suoi discendenti
DOM Version Nucleo Livello 3 Nodo Oggetto
Esempi

Altri esempi

Esempio

Modificare il contenuto testuale di un <p> elemento con id = "MYP":

document.getElementById("demo").textContent = "Paragraph changed!";
Prova tu stesso "

Esempio

Prendi tutto il contenuto testuale di un <ul> elemento con id = "myList":

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

Il valore di x sarà:

Coffee Tea
Prova tu stesso "

Esempio

Questo esempio dimostra le differenze tra il textContent e proprietà innerHTML:

function getText() {
    var x = document.getElementById("myList").textContent;
    document.getElementById("demo").innerHTML = x;
}

function getHTML() {
    var x = document.getElementById("myList").innerHTML;
    document.getElementById("demo").innerHTML = x;
}
Prova tu stesso "

<Oggetto Element