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.