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