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ý.