textContent xususiyati

textContent xususiyati elementning matnini olish va o'zgartirish imkonini beradi.

Sintaksis

javascriptelement.textContent;

Misol

Keling, elementning matnini chiqaramiz:

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

Kodni bajarish natijasi:

javascript'matn'

Misol

Keling, elementning matnini o'zgartiramiz:

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

Kodni bajarish natijasi:

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

Misol

Agar elementning matnida teglar mavjud bo'lsa, xususiyatni o'qish paytida bu teglar chiqarilmaydi:

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

Kodni bajarish natijasi:

javascript'matn'

Shuningdek qarang

  • innerHTML xususiyati,
    bu elementning HTML kodini o'z ichiga oladi
  • outerHTML xususiyati,
    bu elementning tashqi HTML kodini o'z ichiga oladi