Eienskap textContent

Eienskap textContent laat toe om die teks van 'n element te verkry en te verander.

Sintaksis

javascriptelement.textContent;

Voorbeeld

Kom ons druk die teks van die element uit:

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

Resultaat van die kode-uitvoering:

javascript'teks'

Voorbeeld

Kom ons verander die teks van die element:

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

Resultaat van die kode-uitvoering:

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

Voorbeeld

As die teks van die element etikette bevat, sal hierdie etikette nie uitgedruk word wanneer die eienskap gelees word nie:

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

Resultaat van die kode-uitvoering:

javascript'teks'

Sien ook

  • eienskap innerHTML,
    wat die HTML-kode van die element bevat
  • eienskap outerHTML,
    wat die eksterne HTML-kode van die element bevat