textContent hossasy

textContent hossasy elementdäki teksti alyp we üýtgetmäge mümkinçilik berýär.

Sintaksis

javascriptelement.textContent;

Mysal

Elementdäki teksti çykaralyň:

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

Kody ýerine ýetirmegiň netijesi:

javascript'tekst'

Mysal

Elementdäki teksti üýtgedeliň:

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

Kody ýerine ýetirmegiň netijesi:

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

Mysal

Eger elementdäki tekst tegleri öz içine alýan bolsa, onda şol hossany okanyňyzda bu tegler çykmaz:

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

Kody ýerine ýetirmegiň netijesi:

javascript'tekst'

Şeýle-de görüň

  • innerHTML hossasy,
    elementiň HTML kodyny öz içine alýar
  • outerHTML hossasy,
    elementiň daşky HTML kodyny öz içine alýar