textContent īpašība

Īpašība textContent ļauj iegūt un mainīt elementa tekstu.

Sintakse

javascriptelement.textContent;

Piemērs

Izvadīsim elementa tekstu:

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

Koda izpildes rezultāts:

javascript'teksts'

Piemērs

Mainīsim elementa tekstu:

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

Koda izpildes rezultāts:

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

Piemērs

Ja elementa teksts satur tagus, tad lasot īpašību šie tagi netiks izvadīti:

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

Koda izpildes rezultāts:

javascript'teksts'

Skatiet arī

  • īpašība innerHTML,
    kura satur elementa HTML kodu
  • īpašība outerHTML,
    kura satur elementa ārējo HTML kodu