Proprietà innerHTML
La proprietà innerHTML permette di ottenere
e modificare il codice HTML di un elemento.
Sintassi
elemento.innerHTML;
Esempio
Visualizziamo il codice HTML dell'elemento:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Risultato dell'esecuzione del codice:
'<b>text</b>'
Esempio
Modifichiamo il codice HTML con uno nuovo:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Risultato dell'esecuzione del codice:
<p id="elem"><i>!!!</i></p>
Vedi anche
-
la proprietà
textContent,
che contiene il testo dell'elemento -
la proprietà
outerHTML,
che contiene il codice HTML esterno dell'elemento
