Właściwość textContent

Właściwość textContent pozwala pobrać i zmienić tekst elementu.

Składnia

javascriptelement.textContent;

Przykład

Wypiszmy tekst elementu:

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

Wynik wykonania kodu:

javascript'text'

Przykład

Zmieńmy tekst elementu:

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

Wynik wykonania kodu:

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

Przykład

Jeśli tekst elementu zawiera znaczniki, to podczas odczytywania właściwości te znaczniki nie będą wyświetlane:

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

Wynik wykonania kodu:

javascript'text'

Zobacz też

  • właściwość innerHTML,
    która zawiera kod HTML elementu
  • właściwość outerHTML,
    która zawiera zewnętrzny kod HTML elementu