Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і 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 код элемента
byenru