Proprietatea textContent

Proprietatea textContent permite obținerea și modificarea textului unui element.

Sintaxă

javascriptelement.textContent;

Exemplu

Să afișăm textul elementului:

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

Rezultatul executării codului:

javascript'text'

Exemplu

Să modificăm textul elementului:

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

Rezultatul executării codului:

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

Exemplu

Dacă textul elementului conține tag-uri, acestea nu vor fi afișate la citirea proprietății:

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

Rezultatul executării codului:

javascript'text'

Vezi și

  • proprietatea innerHTML,
    care conține codul HTML al elementului
  • proprietatea outerHTML,
    care conține codul HTML extern al elementului