Die Eigenschaft textContent

Die Eigenschaft textContent ermöglicht es, den Text eines Elements abzurufen und zu ändern.

Syntax

javascriptelement.textContent;

Beispiel

Lassen Sie uns den Text des Elements ausgeben:

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

Ergebnis der Codeausführung:

javascript'text'

Beispiel

Lassen Sie uns den Text des Elements ändern:

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

Ergebnis der Codeausführung:

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

Beispiel

Wenn der Text des Elements Tags enthält, dann werden diese Tags beim Auslesen der Eigenschaft nicht ausgegeben:

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

Ergebnis der Codeausführung:

javascript'text'

Siehe auch

  • die Eigenschaft innerHTML,
    die den HTML-Code des Elements enthält
  • die Eigenschaft outerHTML,
    die den äußeren HTML-Code des Elements enthält