Este tutorial irá 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, obtemos o erro mencionado. Vejamos um exemplo de como esse erro é encontrado.
Exemplo
No exemplo fornecido, mostraremos a hora atual na página da Web usando JavaScript. Para isso, primeiro crie um elemento
em um arquivo HTML atribuindo id “ Tempo ”:
< p id = 'Tempo' > p >
Na tag
documento. getElementById ( 'Tempo' ) . HTML interno ( encontro. toLocaleTimeString ( ) ) ;
A execução do código acima não exibirá o tempo na página e gerará um erro que será mostrado no “ console ' janela:
Agora, vamos ver na seção fornecida como corrigir esse erro!
Como corrigir o erro “innerHTML não é uma função em JavaScript”?
Para corrigir o problema discutido acima, defina o atributo innerHTML do elemento DOM relevante, como “ element.innerHTML = texto ”.
Exemplo
Atribua o valor à propriedade/atributo innerHTML obtendo o elemento DOM com a ajuda do “ getElementById() ” passando o id atribuído do elemento:
documento. getElementById ( 'Tempo' ) . HTML interno = encontro. toLocaleTimeString ( ) ;Saída
Isso é tudo sobre o innerHTML não é uma função no erro de JavaScript e a solução.
Conclusão
O erro especificado ocorre quando você tenta invocar a propriedade innerHTML como uma função. Para corrigir esse problema, defina o atributo innerHTML do elemento DOM relevante, como “ element.innerHTML = texto ”. Neste tutorial, discutimos o TypeError: innerHTML não é uma função em JavaScript, como ocorre e como corrigi-lo.