Уласцівасць 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 код элемента