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:

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

La oss henvisning til denne taggen i en variabel:

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

La oss lese HTML-koden til taggen:

javascriptconsole.log(elem.innerHTML); // vil skrive ut <b>text</b>

La oss endre teksten i taggen:

javascriptelem.innerHTML = '<i>!!!</i>';
Задание 1

Gitt et avsnitt og en knapp. Ved klikk på knappen, les HTML-koden til avsnittet og skriv den ut i konsollen.

Задание 2

Gitt et avsnitt og en knapp. Ved klikk på knappen, skriv en ny tekst i avsnittet slik at den er fet.