Elementide HTML-koodiga töötamine JavaScriptis
DOM elementidel on omadus innerHTML,
mis võimaldab nende elementide HTML-koodi lugeda.
Vaatame näidet. Oletame,
et meil on järgmine silt:
<p id="elem"><b>text</b></p>
Saame sellele sildile viida muutujasse:
let elem = document.querySelector('#elem');
Loeme sildi HTML-koodi:
console.log(elem.innerHTML); // väljastab <b>text</b>
Muudame sildi teksti:
elem.innerHTML = '<i>!!!</i>';
Antud on lõik ja nupp. Klikkides nupul, loe lõigu HTML-kood ja väljasta see konsooli.
Antud on lõik ja nupp. Klikkides nupul, kirjuta lõiku uus tekst nii, et see oleks rasvaselt esiletõstetud.
