offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
180 of 264 menu

Свойство textContent

Свойство textContent позволяет получить и изменить текст элемента.

Синтаксис

элемент.textContent;

Пример

Давайте выведем текст элемента:

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

Результат выполнения кода:

'text'

Пример

Давайте поменяем текст элемента:

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

Результат выполнения кода:

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

Пример

Если текст элемента содержит теги, то при чтении свойства эти теги выводиться не будут:

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

Результат выполнения кода:

'text'

Смотрите также

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