La proprietà innerHTML ti consente di impostare il contenuto di un elemento utilizzando JavaScript.
Se specifichi un valore non valido elemento con cui utilizzare il metodo innerHTML o se posizioni lo script prima che l’elemento venga visualizzato nella pagina, incontrerai l’errore "Uncaught TypeError: impossibile impostare la proprietà ‚ÄòinnerHTML‚Äô di nullo" errore.
In questa guida, discutiamo cosa significa questo errore e perché potresti riscontrarlo. Esamineremo un esempio di questo errore in modo che tu possa imparare a risolverlo nel tuo codice JavaScript.
Uncaught TypeError: impossibile impostare la proprietà ‚ÄòinnerHTML‚Äô of null
La proprietà innerHTML è associata a qualsiasi elemento web con cui stai lavorando in JavaScript. Potresti aver selezionato un elemento web dalla pagina utilizzando un "getter" come getElementById(), oppure potresti aver creato un elemento in JavaScript che desideri modificare.
Il "non può imposta la proprietà ‚ÄòinnerHTML‚Äô di nullo" errore è un errore di tipo. Ciò significa che stiamo cercando di applicare una proprietà o una funzione a un valore che non supporta una proprietà o una funzione.
In questo caso, stiamo cercando di impostare il valore di innerHTML su un elemento uguale a null. I valori null non hanno una proprietà innerHTML.
Ci sono due cause comuni di questo errore:
- Inserimento di uno script prima che un elemento appaia sul pagina web
- Fare riferimento all’ID dell’elemento sbagliato.
Analizzeremo la prima causa, che è probabilmente l’errore più comune commesso dai principianti.