Proprietà innerHTML

La proprietà innerHTML permette di ottenere e modificare il codice HTML di un elemento.

Sintassi

javascriptelemento.innerHTML;

Esempio

Visualizziamo il codice HTML dell'elemento:

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Risultato dell'esecuzione del codice:

javascript'<b>text</b>'

Esempio

Modifichiamo il codice HTML con uno nuovo:

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Risultato dell'esecuzione del codice:

html<p id="elem"><i>!!!</i></p>

Vedi anche