Darbas su HTML elementų kodu naudojant JavaScript

DOM elementai turi savybę innerHTML, kuri leidžia skaityti tų elementų HTML kodą. Pažiūrėkime pavyzdžiu. Tarkime, kad turime tokį tag'ą:

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

Gaukime nuorodą į šį tag'ą kintamajame:

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

Perskaitykime tag'o HTML kodą:

javascriptconsole.log(elem.innerHTML); // išves <b>text</b>

Pakeiskime tag'o tekstą:

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

Duotas pastraipa ir mygtukas. Paspaudus mygtuką perskaitykite pastraipos HTML kodą ir išveskite jį konsolėje.

Задание 2

Duotas pastraipa ir mygtukas. Paspaudus mygtuką įrašykite į pastraipą naują tekstą taip, kad jis būtų paryškintas.