АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
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