TypeError: innerHTML non è una funzione in JavaScript

Typeerror Innerhtml Non E Una Funzione In Javascript



Per visualizzare il contenuto HTML in JavaScript, il ' innerHTML ” viene utilizzata la proprietà. Può essere utilizzato come ' element.innerHTML = testo ”. Se si tenta di utilizzare l'innerHTML come funzione, ad esempio ' innerHTML(testo) ”, riscontrerai un errore che indica che “ innerHTML non è una funzione in JavaScript ” perché innerHTML è una proprietà, non una funzione.

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

Come si verifica 'TypeError: innerHTML non è una funzione in JavaScript'?

Quando proviamo a richiamare la proprietà innerHTML come funzione, otteniamo l'errore citato. Vediamo un esempio di come si verifica questo errore.







Esempio

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

in un file HTML assegnando id ' volta ”:



< p id = 'volta' > p >

Nel tag


documento. getElementById ( 'volta' ) . innerHTML ( Data. toLocaleTimeString ( ) ) ;

L'esecuzione del codice precedente non visualizzerà l'ora sulla pagina e genererà un errore che verrà visualizzato nella sezione ' consolare ' finestra:



Ora, vediamo nella sezione data come correggere questo errore!

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

Per risolvere il problema sopra discusso, imposta l'attributo innerHTML dell'elemento DOM pertinente, ad esempio ' element.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 ( 'volta' ) . innerHTML = Data. toLocaleTimeString ( ) ;

Produzione

Questo è tutto sull'innerHTML non è una funzione nell'errore JavaScript e la soluzione.

Conclusione

L'errore specificato si verifica quando proverai a richiamare la proprietà innerHTML come funzione. Per risolvere questo problema, imposta l'attributo innerHTML dell'elemento DOM pertinente, ad esempio ' element.innerHTML = testo ”. In questo tutorial, abbiamo discusso di TypeError: innerHTML non è una funzione in JavaScript, come si verifica e come risolverlo.