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:
<p id="elem"><b>text</b></p>
Získame odkaz na tento tag do premennej:
let elem = document.querySelector('#elem');
Prečítajme si HTML kód tagu:
console.log(elem.innerHTML); // vypíše <b>text</b>
Zmeňme text tagu:
elem.innerHTML = '<i>!!!</i>';
Daný odstavec a tlačidlo. Po kliknutí na tlačidlo prečítajte HTML kód odseku a vypíšte ho do konzoly.
Daný odstavec a tlačidlo. Po kliknutí na tlačidlo zapíšte do odseku nový text tak, aby bol tučný.