Хосияти textContent

Хосияти textContent имкон медиҳад, ки матни элементро гирифта ва тағир диҳем.

Синтаксис

javascriptэлемент.textContent;

Намуна

Биёед матни элементро чоп кунем:

html<p id="elem">матн</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Натиҷаи иҷрои код:

javascript'матн'

Намуна

Биёед матни элементро тағир диҳем:

html<p id="elem">матн</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Натиҷаи иҷрои код:

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

Намуна

Агар матни элемент тегҳо дошта бошад, ҳангоми хондани хосият ин тегҳо чоп нахоҳанд шуд:

html<p id="elem"><b>матн</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Натиҷаи иҷрои код:

javascript'матн'

Инчунин нигаред

  • хосияти innerHTML,
    ки рамзи HTML-и элементро дар бар мегирад
  • хосияти outerHTML,
    ки рамзи HTML-и берунаи элементро дар бар мегирад