Arbeiten mit dem HTML-Code von Elementen in JavaScript
DOM-Elemente haben die Eigenschaft innerHTML,
die es erlaubt, den HTML-Code dieser Elemente auszulesen.
Sehen wir uns ein Beispiel an. Nehmen wir an,
wir haben das folgende Tag:
<p id="elem"><b>text</b></p>
Holen wir uns eine Referenz auf dieses Tag in eine Variable:
let elem = document.querySelector('#elem');
Lesen wir den HTML-Code des Tags aus:
console.log(elem.innerHTML); // gibt <b>text</b> aus
Ändern wir den Text des Tags:
elem.innerHTML = '<i>!!!</i>';
Gegeben ist ein Absatz und ein Button. Beim Klick auf den Button lesen Sie den HTML-Code des Absatzes aus und geben ihn in der Konsole aus.
Gegeben ist ein Absatz und ein Button. Beim Klick auf den Button schreiben Sie einen neuen Text in den Absatz, sodass dieser fett gedruckt ist.
