Práce s HTML kódem elementů v JavaScriptu
DOM elementy mají vlastnost innerHTML,
která umožňuje číst HTML kód těchto elementů.
Podívejme se na příklad. Předpokládejme,
že máme následující tag:
<p id="elem"><b>text</b></p>
Získáme odkaz na tento tag do proměnné:
let elem = document.querySelector('#elem');
Přečteme HTML kód tagu:
console.log(elem.innerHTML); // vypíše <b>text</b>
Změníme text tagu:
elem.innerHTML = '<i>!!!</i>';
Je dán odstavec a tlačítko. Po kliknutí na tlačítko přečtěte HTML kód odstavce a vypište ho do konzole.
Je dán odstavec a tlačítko. Po kliknutí na tlačítko zapište do odstavce nový text tak, aby byl tučný.