Devi sapere come modificare il testo o l’HTML che appare nella pagina per rendere i tuoi siti più interattivi. è qui che entrano in gioco gli attributi HTML innerText e innerHTML.
Questi attributi semplificano la modifica del testo di un elemento DOM e del suo codice HTML codice. In questa guida imparerai come utilizzare gli attributi JavaScript innerText e innerHTML.
Che cos’è JavaScript innerHTML?
La proprietà JavaScript innerHTML imposta il contenuto HTML di un elemento su una pagina web. InnerHTML è una proprietà del DOM HTML. innerHTML viene spesso utilizzato per impostare e modificare il contenuto di un
elemento.
Puoi usare innerHTML in questo modo:
document.getElementById("paragraph").innerHTML = "Carriera Karma!";
Questa riga di codice imposta il contenuto del "paragrafo"
elemento per "Karma di carriera!" Il metodo getElementById() recupera un elemento tramite il suo ID.
Il browser definisce un Document Object Model (DOM) quando viene caricata una pagina. Questo DOM è una serie di oggetti visualizzati sulla pagina.
Il DOM significa che non devi cambiare il codice HTML ogni volta che vuoi cambiare un elemento web. Puoi usare il DOM e JavaScript per cambiare il modo in cui la pagina appare in una particolare sessione.