Egenskapen textContent

Egenskapen textContent lar deg hente og endre tekstinnholdet til et element.

Syntaks

javascriptelement.textContent;

Eksempel

La oss skrive ut tekstinnholdet til elementet:

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

Resultat av kjøring:

javascript'text'

Eksempel

La oss endre tekstinnholdet til elementet:

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

Resultat av kjøring:

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

Eksempel

Hvis elementets tekst inneholder tagger, vil ikke disse taggene bli vist når egenskapen leses:

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

Resultat av kjøring:

javascript'text'

Se også

  • egenskapen innerHTML,
    som inneholder HTML-koden til elementet
  • egenskapen outerHTML,
    som inneholder den ytre HTML-koden til elementet