Die innerHTML-Eigenschaft

Die Eigenschaft innerHTML ermöglicht es, den HTML-Code eines Elements abzurufen und zu ändern.

Syntax

javascriptelement.innerHTML;

Beispiel

Lassen Sie uns den HTML-Code des Elements ausgeben:

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

Ergebnis der Codeausführung:

javascript'<b>text</b>'

Beispiel

Lassen Sie uns den HTML-Code auf einen neuen ändern:

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

Ergebnis der Codeausführung:

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

Siehe auch

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