TypeEerror Innerhtml non è una funzione in JavaScript

Per la visualizzazione del contenuto HTML in JavaScript, il “Innerhtml"La proprietà viene utilizzata. Può essere utilizzato come "elemento.InnerHtml = testo". Se si tenta di utilizzare il InnerHTML come funzione, come "InnerHtml (testo)", Si incontrerai un errore affermandolo"InnerHtml non è una funzione in JavaScript"Perché InnerHTML è una proprietà, non una funzione.

Questo tutorial discuterà l'errore menzionato e la sua soluzione.

In che modo si verifica "TypeEerror: InnerHTML non è una funzione in JavaScript"?

Quando proviamo a invocare la proprietà InnerHTML come funzione, otteniamo l'errore menzionato. Vediamo un esempio di come si verifica questo errore.

Esempio

Nell'esempio dato, mostreremo l'ora corrente sulla pagina Web utilizzando JavaScript. Per questo, in primo luogo, crea un elemento

In un file HTML assegnando ID "tempo":

In tag o un file JavaScript, in primo luogo, crea un oggetto Data usando il costruttore della data:

const data = new Date ();

Quindi, ottieni il riferimento dell'elemento HTML in cui vorremo mostrare tempo con l'aiuto di "getElementById ()Metodo e chiama il "Innerhtml"Proprietà come funzione passando il metodo della data"tolocaletimestring ()"Che mostrerà un momento sulla pagina web:

documento.getElementById ("Time").Innerhtml (data.tolocaletimestring ());

L'esecuzione del codice sopra non visualizzerà il tempo sulla pagina e lancerà un errore che verrà mostrato in "console" finestra:

Ora, vediamo nella sezione data come correggere questo errore!

Come correggere l'errore "InnerHtml non è una funzione in JavaScript"?

Per risolvere la questione sopra discussa, impostare l'attributo InnerHTML dell'elemento DOM pertinente, come "elemento.InnerHtml = testo".

Esempio

Assegna il valore alla proprietà/attributo InnerHTML ottenendo l'elemento DOM con l'aiuto di "getElementById ()"Metodo passando l'ID assegnato dell'elemento:

documento.getElementById ("Time").InnerHtml = data.tolocaletimestring ();

Produzione

Si tratta di InnerHtml non è una funzione nell'errore JavaScript e nella soluzione.

Conclusione

L'errore specificato si verifica quando si tenta di invocare la proprietà InnerHTML come funzione. Per risolvere questo problema, impostare l'attributo InnerHTML dell'elemento DOM pertinente, come "elemento.InnerHtml = testo". In questo tutorial, abbiamo discusso di TypeEerror: InnerHtml non è una funzione in JavaScript, come si verifica e come risolverlo.