HTML-elementtien koodin käsittely JavaScriptillä
DOM-elementeillä on ominaisuus innerHTML,
jolla voidaan lukea näiden elementtien HTML-koodi.
Katsotaanpa esimerkkiä. Oletetaan,
että meillä on seuraava tagi:
<p id="elem"><b>text</b></p>
Saadaan viitti tähän tagiin muuttujaan:
let elem = document.querySelector('#elem');
Luetaan tagin HTML-koodi:
console.log(elem.innerHTML); // tulostaa <b>text</b>
Muutetaan tagin teksti:
elem.innerHTML = '<i>!!!</i>';
Annettu kappale ja painike. Klikkaamalla painiketta lue kappaleen HTML-koodi ja tulosta se konsoliin.
Annettu kappale ja painike. Klikkaamalla painiketta kirjoita kappaleeseen uusi teksti niin, että se on lihavoitu.
