TypeError: innerHTML no es una función en JavaScript

Typeerror Innerhtml No Es Una Funcion En Javascript



Para mostrar contenido HTML en JavaScript, el ' HTML interno Se utiliza la propiedad ”. Puede ser utilizado como “ elemento.innerHTML = texto ”. Si intenta usar el HTML interno como una función, como ' HTML interno (texto) ”, encontrará un error que indica 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 ocurre 'TypeError: innerHTML no es una función en JavaScript'?

Cuando intentamos invocar la propiedad innerHTML como una función, obtenemos 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, cree un elemento

en un archivo HTML asignando id “ hora ”:



< identificación p = 'hora' > pag >

En la etiqueta


documento. getElementById ( 'hora' ) . HTML interno ( fecha. toLocaleTimeString ( ) ) ;

Ejecutar el código anterior no mostrará la hora en la página y arrojará un error que se mostrará en el ' consola ' ventana:



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

¿Cómo solucionar el error 'innerHTML no es una función en JavaScript'?

Para solucionar el problema mencionado anteriormente, configure 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 de ' getElementById() ” pasando el id asignado del elemento:

documento. getElementById ( 'hora' ) . HTML interno = fecha. toLocaleTimeString ( ) ;

Producción

Eso es todo sobre el innerHTML no es una función en el error de JavaScript y la solución.

Conclusión

El error especificado ocurre cuando intenta 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.