Свойство textContent - текст элемента на JavaScript

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



Чат с GPT Компилятор