Arbeid med HTML-kode til elementer i JavaScript
DOM-elementer har en egenskap kalt innerHTML,
som lar oss lese HTML-koden til disse elementene.
La oss se på et eksempel. La oss si
at vi har følgende tagg:
<p id="elem"><b>text</b></p>
La oss henvisning til denne taggen i en variabel:
let elem = document.querySelector('#elem');
La oss lese HTML-koden til taggen:
console.log(elem.innerHTML); // vil skrive ut <b>text</b>
La oss endre teksten i taggen:
elem.innerHTML = '<i>!!!</i>';
Gitt et avsnitt og en knapp. Ved klikk på knappen, les HTML-koden til avsnittet og skriv den ut i konsollen.
Gitt et avsnitt og en knapp. Ved klikk på knappen, skriv en ny tekst i avsnittet slik at den er fet.