Att arbeta med HTML-kod för element i JavaScript

DOM-element har en egenskap innerHTML, som gör det möjligt att läsa HTML-koden för dessa element. Låt oss titta på ett exempel. Låt oss säga att vi har följande tagg:

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

Låt oss få en referens till denna tagg i en variabel:

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

Låt oss läsa HTML-koden för taggen:

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

Låt oss ändra taggens text:

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

Det finns ett stycke och en knapp. Vid klick på knappen, läs HTML-koden för stycket och skriv ut den i konsolen.

Задание 2

Det finns ett stycke och en knapp. Vid klick på knappen, skriv en ny text i stycket så att den är fetstil.