Proprietà textContent

La proprietà textContent permette di ottenere e modificare il testo di un elemento.

Sintassi

javascriptelemento.textContent;

Esempio

Visualizziamo il testo dell'elemento:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Risultato dell'esecuzione del codice:

javascript'text'

Esempio

Modifichiamo il testo dell'elemento:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Risultato dell'esecuzione del codice:

html<p id="elem">!!!</p>

Esempio

Se il testo dell'elemento contiene tag, alla lettura della proprietà questi tag non verranno visualizzati:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Risultato dell'esecuzione del codice:

javascript'text'

Vedi anche

  • la proprietà innerHTML,
    che contiene il codice HTML dell'elemento
  • la proprietà outerHTML,
    che contiene il codice HTML esterno dell'elemento