Курсы по React
Менторство: 200$ за курс. Репетиторство: 20$ за занятие. Жми для подробностей!
180 of 264 menu
Бесплатный курс: Практика на Реальных Проектах и Работы в Портфолио! Начало 11 ноября. Жми для записи!

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