HTML elemek kódjának kezelése JavaScripttel
A DOM elemeknek van egy innerHTML tulajdonsága,
amely lehetővé teszi ezen elemek HTML kódjának elolvasását.
Nézzünk egy példát. Tegyük fel,
hogy van a következő tagünk:
<p id="elem"><b>text</b></p>
Kapjunk hivatkozást erre a tagre egy változóba:
let elem = document.querySelector('#elem');
Olvassuk el a tag HTML kódját:
console.log(elem.innerHTML); // kiírja: <b>text</b>
Változtassuk meg a tag szövegét:
elem.innerHTML = '<i>!!!</i>';
Adott egy bekezdés és egy gomb. A gombra kattintva olvassa el a bekezdés HTML kódját és írja ki a konzolra.
Adott egy bekezdés és egy gomb. A gombra kattintva írjon a bekezdésbe új szöveget úgy, hogy az félkövér legyen.