Die innerHTML-Eigenschaft
Die Eigenschaft innerHTML ermöglicht es,
den HTML-Code eines Elements abzurufen und zu ändern.
Syntax
element.innerHTML;
Beispiel
Lassen Sie uns den HTML-Code des Elements ausgeben:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Ergebnis der Codeausführung:
'<b>text</b>'
Beispiel
Lassen Sie uns den HTML-Code auf einen neuen ändern:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Ergebnis der Codeausführung:
<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