Свойство 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 код на елемента