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:
<p id="elem"><b>text</b></p>
Laten we een referentie naar deze tag in een variabele zetten:
let elem = document.querySelector('#elem');
Laten we de HTML code van de tag lezen:
console.log(elem.innerHTML); // geeft <b>text</b> weer
Laten we de tekst van de tag veranderen:
elem.innerHTML = '<i>!!!</i>';
Gegeven een alinea en een knop. Bij een klik op de knop, lees de HTML code van de alinea en geef deze weer in de console.
Gegeven een alinea en een knop. Bij een klik op de knop, schrijf nieuwe tekst naar de alinea, zodat deze vetgedrukt is.
