Egenskaben textContent

Egenskaben textContent giver mulighed for at hente og ændre elementets tekst.

Syntaks

javascriptelement.textContent;

Eksempel

Lad os udskrive elementets tekst:

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

Resultatet af kodeudførelsen:

javascript'text'

Eksempel

Lad os ændre elementets tekst:

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

Resultatet af kodeudførelsen:

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

Eksempel

Hvis elementets tekst indeholder tags, vises disse tags ikke, når egenskaben læses:

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

Resultatet af kodeudførelsen:

javascript'text'

Se også

  • egenskaben innerHTML,
    som indeholder elementets HTML-kode
  • egenskaben outerHTML,
    som indeholder elementets ydre HTML-kode