Arbejde med HTML-kode af elementer i JavaScript
DOM-elementer har egenskaben innerHTML,
som gør det muligt at læse HTML-koden for disse elementer.
Lad os se på et eksempel. Antag
at vi har følgende tag:
<p id="elem"><b>text</b></p>
Lad os få en reference til dette tag i en variabel:
let elem = document.querySelector('#elem');
Lad os læse HTML-koden for tagget:
console.log(elem.innerHTML); // vil udskrive <b>text</b>
Lad os ændre taggets tekst:
elem.innerHTML = '<i>!!!</i>';
Der er givet en afsnit og en knap. Ved klik på knappen, læs HTML-koden for afsnittet og udskriv det i konsollen.
Der er givet en afsnit og en knap. Ved klik på knappen, skriv en ny tekst til afsnittet, så den er fed.
