Práca s HTML kódom elementov v JavaScripte

DOM elementy majú vlastnosť innerHTML, ktorá umožňuje čítať HTML kód týchto elementov. Pozrime sa na príklad. Nech máme nasledujúci tag:

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

Získame odkaz na tento tag do premennej:

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

Prečítajme si HTML kód tagu:

javascriptconsole.log(elem.innerHTML); // vypíše <b>text</b>

Zmeňme text tagu:

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

Daný odstavec a tlačidlo. Po kliknutí na tlačidlo prečítajte HTML kód odseku a vypíšte ho do konzoly.

Задание 2

Daný odstavec a tlačidlo. Po kliknutí na tlačidlo zapíšte do odseku nový text tak, aby bol tučný.