TypeError innerhtml no es una función en JavaScript

Para mostrar contenido HTML en JavaScript, el "innerhtmlSe utiliza la propiedad. Se puede utilizar como "elemento.innerhtml = texto". Si intenta usar el InnerHTML como una función, como "innerhtml (texto)", Encontrarás un error indicando que"innerhtml no es una función en JavaScript"Porque InnerHTML es una propiedad, no una función.

Este tutorial discutirá el error mencionado y su solución.

¿Cómo se produce "typeError: innerhtml no es una función en JavaScript"??

Cuando intentamos invocar la propiedad InnerHTML como una función, recibimos el error mencionado. Veamos un ejemplo de cómo se encuentra este error.

Ejemplo

En el ejemplo dado, mostraremos la hora actual en la página web usando JavaScript. Para esto, primero, crea un elemento

en un archivo HTML asignando ID "tiempo":

En la etiqueta o en un archivo JavaScript, primero, cree un objeto de fecha utilizando el constructor de fecha:

const fecha = nueva fecha ();

Luego, obtenga la referencia del elemento HTML donde querremos mostrar tiempo con la ayuda del "getElementById ()"Método y llama al"innerhtml"Propiedad como una función pasando el método de la fecha"tolocaletimestring ()"Que mostrará un momento en la página web:

documento.GetElementById ("Tiempo").innerhtml (fecha.tolocaletiMestring ());

Ejecutar el código anterior no mostrará tiempo en la página y lanzará un error que se mostrará en el "consola" ventana:

Ahora, veamos en la sección dada cómo corregir este error!

Cómo corregir el error "InnerHTML no es una función en JavaScript"?

Para solucionar el problema discutido anteriormente, establezca el atributo innerhtml del elemento DOM relevante, como "elemento.innerhtml = texto".

Ejemplo

Asigne el valor a la propiedad/atributo InnerHTML obteniendo el elemento DOM con la ayuda del "getElementById ()"Método pasando la identificación asignada del elemento:

documento.GetElementById ("Tiempo").innerhtml = fecha.tolocaletimestring ();

Producción

Se trata de que el innerhtml no es una función en el error de JavaScript y la solución.

Conclusión

El error especificado ocurre cuando intentará invocar la propiedad InnerHTML como una función. Para solucionar este problema, establezca el atributo innerhtml del elemento DOM relevante, como "elemento.innerhtml = texto". En este tutorial, discutimos el typeError: InnerHTML no es una función en JavaScript, cómo ocurre y cómo solucionarlo.