Vlastnosť textContent

Vlastnosť textContent umožňuje získať a zmeniť text elementu.

Syntax

javascriptelement.textContent;

Príklad

Vypíšme text elementu:

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

Výsledok vykonania kódu:

javascript'text'

Príklad

Zmeňme text elementu:

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

Výsledok vykonania kódu:

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

Príklad

Ak text elementu obsahuje značky, pri čítaní vlastnosti sa tieto značky nebudú zobrazovať:

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

Výsledok vykonania kódu:

javascript'text'

Pozri tiež

  • vlastnosť innerHTML,
    ktorá obsahuje HTML kód elementu
  • vlastnosť outerHTML,
    ktorá obsahuje vonkajší HTML kód elementu