Egenskapen textContent

Egenskapen textContent låter dig hämta och ändra textinnehållet i ett element.

Syntax

javascriptelement.textContent;

Exempel

Låt oss skriva ut elementets text:

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

Resultat av kodkörning:

javascript'text'

Exempel

Låt oss ändra elementets text:

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

Resultat av kodkörning:

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

Exempel

Om elementets text innehåller taggar, kommer dessa taggar inte att visas när egenskapen läsas:

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

Resultat av kodkörning:

javascript'text'

Se även

  • egenskapen innerHTML,
    som innehåller HTML-koden för elementet
  • egenskapen outerHTML,
    som innehåller den yttre HTML-koden för elementet