Werken met HTML code van elementen in JavaScript

DOM elementen hebben een eigenschap innerHTML, die het mogelijk maakt om de HTML code van deze elementen te lezen. Laten we een voorbeeld bekijken. Stel we hebben de volgende tag:

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

Laten we een referentie naar deze tag in een variabele zetten:

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

Laten we de HTML code van de tag lezen:

javascriptconsole.log(elem.innerHTML); // geeft <b>text</b> weer

Laten we de tekst van de tag veranderen:

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