Lucrul cu codul HTML al elementelor în JavaScript
Elementele DOM au proprietatea innerHTML,
care permite citirea codului HTML al acestor elemente.
Să ne uităm la un exemplu. Să presupunem
că avem următorul tag:
<p id="elem"><b>text</b></p>
Să obținem o referință la acest tag într-o variabilă:
let elem = document.querySelector('#elem');
Să citim codul HTML al tag-ului:
console.log(elem.innerHTML); // va afișa <b>text</b>
Să schimbăm textul tag-ului:
elem.innerHTML = '<i>!!!</i>';
Este dat un paragraf și un buton. La click pe buton, citiți codul HTML paragrafului și afișați-l în consolă.
Este dat un paragraf și un buton. La click pe buton, scrieți în paragraf un nou text astfel încât acesta să fie îngroșat.