Својството textContent

Својството textContent овозможува да се добие и промени текстот на елементот.

Синтакса

javascriptелемент.textContent;

Пример

Ајде да го испечатиме текстот на елементот:

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

Резултат од извршувањето на кодот:

javascript'text'

Пример

Ајде да го промениме текстот на елементот:

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

Резултат од извршувањето на кодот:

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

Пример

Ако текстот на елементот содржи тагови, при читањето на својството овие тагови нема да се прикажат:

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

Резултат од извршувањето на кодот:

javascript'text'

Погледнете ги исто така

  • својството innerHTML,
    кое содржи HTML код на елементот
  • својството outerHTML,
    кое содржи надворешен HTML код на елементот