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:

html<p id="elem"><b>text</b></p>

Holen wir uns eine Referenz auf dieses Tag in eine Variable:

javascriptlet elem = document.querySelector('#elem');

Lesen wir den HTML-Code des Tags aus:

javascriptconsole.log(elem.innerHTML); // gibt <b>text</b> aus

Ändern wir den Text des Tags:

javascriptelem.innerHTML = '<i>!!!</i>';