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:

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

Lad os få en reference til dette tag i en variabel:

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

Lad os læse HTML-koden for tagget:

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

Lad os ændre taggets tekst:

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

Der er givet en afsnit og en knap. Ved klik på knappen, læs HTML-koden for afsnittet og udskriv det i konsollen.

Задание 2

Der er givet en afsnit og en knap. Ved klik på knappen, skriv en ny tekst til afsnittet, så den er fed.