Lavorare con il codice HTML degli elementi in JavaScript
Gli elementi DOM hanno una proprietà innerHTML,
che permette di leggere il codice HTML di questi elementi.
Vediamo un esempio. Supponiamo
di avere il seguente tag:
<p id="elem"><b>text</b></p>
Otteniamo un riferimento a questo tag in una variabile:
let elem = document.querySelector('#elem');
Leggiamo il codice HTML del tag:
console.log(elem.innerHTML); // stamperà <b>text</b>
Cambiamo il testo del tag:
elem.innerHTML = '<i>!!!</i>';
Sono dati un paragrafo e un pulsante. Al click del pulsante, leggete il codice HTML del paragrafo e stampatelo nella console.
Sono dati un paragrafo e un pulsante. Al click del pulsante, scrivete nel paragrafo un nuovo testo in modo che sia in grassetto.