TypeError INNERHTML não é uma função em JavaScript

Para exibir conteúdo HTML em JavaScript, o “Innerhtml”Propriedade é usada. Pode ser utilizado como “elemento.INNERHTML = Texto”. Se você tentar usar o inerhtml como uma função, como “INNERHTML (texto)”, Você encontrará um erro afirmando que“Innerhtml não é uma função em JavaScript”Porque o Innerhtml é uma propriedade, não uma função.

Este tutorial discutirá o erro mencionado e sua solução.

Como ocorre "TypeError: Innerhtml não é uma função em JavaScript"?

Quando tentamos invocar a propriedade Innerhtml como uma função, recebemos o erro mencionado. Vamos ver um exemplo de como esse erro é encontrado.

Exemplo

No exemplo dado, mostraremos a hora atual na página da web usando JavaScript. Para isso, primeiro, crie um elemento

em um arquivo html atribuindo ID “tempo”:

Em tag ou um arquivo javascript, primeiro, crie um objeto de data usando o construtor de data:

const data = new Date ();

Em seguida, obtenha a referência do elemento HTML, onde queremos mostrar tempo com a ajuda do “getElementById ()”Método e chama o“Innerhtml”Propriedade como uma função, passando o método da data“tolocaletimestring ()”Que mostrará um horário na página da web:

documento.getElementById ("tempo").INNERHTML (data.tolocaletimestring ());

A execução do código acima não exibirá tempo na página e lançará um erro que será mostrado no “console" janela:

Agora, vamos ver na seção dada como corrigir este erro!

Como corrigir o erro “Innerhtml não é uma função no JavaScript”?

Para corrigir a questão acima discutida, defina o atributo Innerhtml do elemento DOM relevante, como “elemento.INNERHTML = Texto”.

Exemplo

Atribua o valor à propriedade/atributo INNERHTML, obtendo o elemento DOM com a ajuda do “getElementById ()”Método, passando o ID atribuído do elemento:

documento.getElementById ("tempo").INNERHTML = Data.tolocaletimestring ();

Saída

Isso é tudo sobre o Innerhtml não é uma função no erro JavaScript e a solução.

Conclusão

O erro especificado ocorre quando você tentará invocar a propriedade Innerhtml como uma função. Para corrigir esse problema, defina o atributo Innerhtml do elemento DOM relevante, como “elemento.INNERHTML = Texto”. Neste tutorial, discutimos o TypeError: Innerhtml não é uma função em JavaScript, como ocorre e como corrigi -lo.