Ce tutoriel discutera de l'erreur mentionnée et de sa solution.
Comment se produit 'TypeError : innerHTML n'est pas une fonction en JavaScript' ?
Lorsque nous essayons d'invoquer la propriété innerHTML en tant que fonction, nous obtenons l'erreur mentionnée. Voyons un exemple de la façon dont cette erreur est rencontrée.
Exemple
Dans l'exemple donné, nous afficherons l'heure actuelle sur la page Web en utilisant JavaScript. Pour cela, créez d'abord un élément
dans un fichier HTML en lui attribuant l'id ' temps ” :
< identifiant p = 'temps' > p >
Dans la balise
document. getElementById ( 'temps' ) . innerHTML ( Date. toLocaleTimeString ( ) ) ;
L'exécution du code ci-dessus n'affichera pas l'heure sur la page et générera une erreur qui sera affichée dans le ' console ' la fenêtre:
Voyons maintenant dans la section donnée comment corriger cette erreur !
Comment corriger l'erreur « innerHTML n'est pas une fonction en JavaScript » ?
Pour résoudre le problème évoqué ci-dessus, définissez l'attribut innerHTML de l'élément DOM concerné, tel que ' élément.innerHTML = texte ”.
Exemple
Attribuez la valeur à la propriété/attribut innerHTML en obtenant l'élément DOM à l'aide de ' getElementById() ” en passant l'identifiant assigné à l'élément :
document. getElementById ( 'temps' ) . innerHTML = Date. toLocaleTimeString ( ) ;Production
C'est tout à propos de l'erreur innerHTML n'est pas une fonction dans JavaScript et de la solution.
Conclusion
L'erreur spécifiée se produit lorsque vous essayez d'invoquer la propriété innerHTML en tant que fonction. Pour résoudre ce problème, définissez l'attribut innerHTML de l'élément DOM pertinent, tel que ' élément.innerHTML = texte ”. Dans ce didacticiel, nous avons discuté de l'erreur TypeError : innerHTML n'est pas une fonction en JavaScript, comment elle se produit et comment la corriger.